Mobile menu

How to change font size in mobile mode.

Hi @baxter89 you can use CSS code to change the font size of your site for mobile view only. The CSS code below will reduce your normal text to 15px

@media only screen and (max-width: 954px) {
  body {
    font-size: 15px ;
}
}

You can add the CSS by going to Global Styles after the settings pop-up click the 3-dots on the top right as shown in the short video below:

Thanks

Good morning,
I followed the procedure and insert the CSS code, the font size does not change.
THANKS

Hi @baxter89 are you able to advise which font you are trying to change exactly?

You can also share a link to the page.

Hello,
I would like to change the font size, I find it too small in mobile mode.
THANKS

I would like to change the font size, I find it too small in mobile mode.

Hi @baxter89 you can use try to use the CSS code below

@media only screen and (max-width: 954px) {
  
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-size: 35px;
}

}

Thanks it works

Hi @baxter89 thats great thank you for the update, if you have any questions feel free to reach out to us!

Hello,
I come back to my mobile menu, how to have more space between the headings (menu links).
THANKS

Hi @baxter89 – in order to keep threads and solutions separate – could I please ask you to start a new topic for that question?