Jump to content

Events Page Mobile Design Issue

Recommended Posts

Posted

Site URL: https://www.doit4wfoundation.com

Hi all-

I launched my website today and ran into an issue on mobile. I noticed when I go into individual events pages, the arrows that display at the bottom of the page (to navigate to other events) are overlapped and look bad. it also extends the width of the page making it uncentered and just doesn’t look clean. I either want to remove the navigation arrows section completely or just remove the event titles or make them smaller.

Does anyone know a code or formatting to correct this issue? I need my event page and don’t want it to look bad on mobile.

thanks!

E570FA81-DDF5-4383-8294-A1162CDFD4FF.thumb.png.4bbd99525905aae8e5c12e3d84f16b44.png

  • DI4W changed the title to Fix Formatting of Events Page on Mobile
  • Replies 1
  • Views 548
  • Created
  • Last Reply
Posted

Add to Design > Custom CSS. The code runs on both Event, Blog, Portfolio (I think they will have same problem)

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.