Shopify themes, liquid, logos, and UX
Hi, How do i make Nesting Main Menu Drop Down Font Decrease & Background Color Transparent?
Solved! Go to the solution
This is an accepted solution.
Hi @Faucetpet
To change the font size of sub-menu item, please replace the code
.header__submenu .header__menu-item {
font-size: 15px;
}
With the following code
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset.caption-large {
font-size:15px !important;
}
Please let me know if it works 🙂
@Faucetpet Please send me store url.
@Faucetpet Please send me your store url.
Hi @Faucetpet
Please try going to your Themes > Edit code > Assets > Open base.css > Add the following code at the bottom of the file:
.header__submenu .header__menu-item {
font-size: 15px;
}
details[open] > .header__submenu {
background: transparent;
}
Edit the font size to the px you want.
If it does not work for you, please share your shop URL and password, if any.
I'll check further and provide you with a solution.
I hope this helps!
Hi Avada,
The transparent code worked but the font size is still big
Password: Faucet
Here is the above url and password to get in and check
This is an accepted solution.
Hi @Faucetpet
To change the font size of sub-menu item, please replace the code
.header__submenu .header__menu-item {
font-size: 15px;
}
With the following code
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset.caption-large {
font-size:15px !important;
}
Please let me know if it works 🙂
Thank you Avada it worked now
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025