I have used an accepted solution to make the font size larger by inserting the code below at the top of the base.css file.
a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset { font-size: 20px !important; } a.link.link–text.list-menu__item.list-menu__item–link { font-size: 20px !important; } .footer-block__details-content.rte p { font-size: 20px !important; }
It works fine except that the ‘collections’ title (which is a dropdown menu) has remained at the old smaller size font. See screenshot below. Any ideas how to fix?
It looks like your collections menu item is a dropdown while the other menu items are not. This means that the dropdown probably has a different CSS class. You would need to add this CSS class as well.
If you have a link/preview link to your site I could tell you with more precision.
Any chance you could elaborate on that please.
Thank you. What exactly do you need to see?
Unfortunately, that is the simplest way I can put it.
Without seeing the actual code, it is hard to give you the exact solution.
Hello @KevinDB
To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?
Thank you and hope to hear from you.
Best regards,
GemPages Support Team
just realised the issue is not on the live store! But see the screenshot in my original question.
