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

Bottom Navigation Event Detailpage: how to make font smaller


Imager

Question

2 answers to this question

Recommended Posts

  • 0
On 8/8/2021 at 9:29 PM, Imager said:

Site URL: https://www.ipfo.ch/seminars-workshops-keynotes/into-the-wild

Hallo
Has anybody an idea, how I can custo>0>0>0m change the navigation at the bottom of an event detailpage. On mobile an on narrow screens, long titles overlap. Collction Block identifier did not get me an ID. Thx for your help. 


EventDetailpageBottomNavigation.jpg.9f209b1c0a48adc332d6abba60c49307.jpgHall

Add this to Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
.item-pagination[data-collection-type^="events"] h2.item-pagination-title {
    display: none;
}
.item-pagination[data-collection-type^="events"] .item-pagination-prev-next {
    display: block !important;
    color: black;
}
}

 

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

Hi Tuan

Thanks a lot. With your code, the title disappeared completely. But I added font-size: x-small and now it works: 

 

/* Pagination title */
@media screen and (max-width:767px) {

.item-pagination[data-collection-type^="events"] h2.item-pagination-title {
    font-size: x-small    
}
.item-pagination[data-collection-type^="events"] .item-pagination-prev-next {
    display: block !important;
    color: black;
}
}

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