I have changed the font family, on all the options under Appearance > Typography. Regardless, the menu on mobile still appears with your default font. Also there are no option to adjust the size of the text. I would like to make it bigger.
Thank you. This solve the problem for the mobile version.
The reason the menu looked small was a due to a previous change I made to adjust the size of the menu on desktop but inadvertently also change the mobile version.
Is there a way to only target the font-size of the desktop menu?
I have changed the font family, on all the options under Appearance > Typography. Regardless, the menu on mobile still appears with your default font. Also there are no option to adjust the size of the text. I would like to make it bigger.
Can this be done?
Hello,
Plz add the following in customizer -> additional CSS
.flexnav li a span:nth-child(1), .flexnav li a span:nth-child(2), .flexnav li a span:nth-child(3) {
font-family: 'Kalnia';
font-size: 25px;
}
25 px is just an example for the font size value. Set it to the value you like and thena dd the code to customizer -> additional CSS
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thank you. This solve the problem for the mobile version.
The reason the menu looked small was a due to a previous change I made to adjust the size of the menu on desktop but inadvertently also change the mobile version.
Is there a way to only target the font-size of the desktop menu?
Hi Luís,
Yes, you can do that with media queries. So on desktop version you have the classical menu. for that you can specify the font size as following:
@media (min-width: 1025px) {
.classic-menu .flexnav li a {
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
}
in customizer -> additional CSS. As you can see, this applies to resolutions greater than 1025px
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Oh, forgot about min-width. Thank you, it's solved!