Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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