Jump to content

Events Page Mobile Design Issue

Recommended Posts

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

Edited by DI4W
Link to comment
  • DI4W changed the title to Fix Formatting of Events Page on Mobile
  • Replies 1
  • Views 508
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.