Changing sub-menu font size for mobile devices on Pro Theme

[journha3]

I’m having problems adjusting the sub-menu font size for mobile devices on Pro Theme. I found the code for desktop and it works fine. I thought I could just swap out “mobile” for “desktop,” but it didn’t work (see code below). Please advise.

-Vince

.desktop .sub-menu {
font-size: 16px;
}
.mobile .sub-menu {
font-size: 16px;
}

[prakash_s]

Hello @journha3,

Thanks for writing to us.

It seems that you are using the default Header, in order to set the font size of the mobile submenu I would suggest you please add this custom CSS code under Theme Options —>CSS

.x-nav-wrap.mobile ul.x-nav li ul li a {
font-size: 17px;
}

Please feel free to change the font size as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[journha3]

That did it. Thanks for the quick and helpful response. I don’t write CSS, but I’m comfortable copying, pasting, and altering it. It just seemed what worked for changing this font for desktop should have worked for mobile.

[ruenel]

You are most welcome, @journha3.