A user successfully modified the main menu font size in the Spotlight theme using custom CSS in theme.liquid but needs help adjusting the submenu font size.
Solution Provided:
</body> tag in theme.liquidFollow-up Question:
Another participant asks about changing font sizes for mobile menu and submenu specifically, requesting guidance for mobile-responsive adjustments.
Status: Partially resolved - initial desktop solution offered, but mobile-specific customization remains under discussion. A support responder has requested the store URL and password to provide tailored assistance.
Note: Some text in the conversation appears corrupted or reversed, but the core technical question about CSS customization for Shopify’s Spotlight theme menu styling is clear.
Hello everyone, I was trying to find a way to change the font size of the menu and submenu on the spotlight theme, i was able to change it on the menu side only through this code in the theme.liquid:
.header__menu-item{
font-size: 14px !important;
}
@media (max-width: 749px){
.menu-drawer__menu-item{
font-size: 12px !important;
}
But now how to change the font size of the submenu. check the website and press on “products” to get the submenu: https://innovativemeditech.com
Thanks in advance
Hey @nabilh17
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello everyone,
is there a possibility to change the font size as well for the mobile menu and submenu?
using spotlight theme.
thanks in advance
Hey @RobArt98
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
