Navigation Menu Font Size Decrease - Empire Theme

Wellanie · ‎06-28-2023

Hi,

I need this menu to be in 1 row. Either reduce the font size or the padding.

Website link

Thanks!

INA_MSWEB · ‎06-29-2023

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.site-navigation .navmenu-link-depth-1, .site-navigation .site-header-account-link a {font-size: 15px !important;padding: 12px 10px !important;}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {font-size: 15px !important;}

Regards,

San

If it’s helpful to you, please mark it as a solution.

Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

INA_MSWEB · ‎06-29-2023

Hi @Wellanie

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.site-navigation .navmenu-link-depth-1, .site-navigation .site-header-account-link a {font-size: 15px !important;padding: 12px 10px !important;}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {font-size: 15px !important;}

Regards,

San

If it’s helpful to you, please mark it as a solution.

Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Navigation Menu Font Size Decrease - Empire Theme

Navigation Menu Font Size Decrease - Empire Theme

Community Blog Articles