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:
Thread Starter
New_WP
(@baxter89)
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.
Thread Starter
New_WP
(@baxter89)
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;
}
}
Hi @baxter89 thats great thank you for the update, if you have any questions feel free to reach out to us!
Thread Starter
New_WP
(@baxter89)
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?
