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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025