Debut Theme Navigation Bar - Decrease Height & Font Sizes

Solved
JeanaDraws
New Member
2 0 1

My website link: https://www.jeanadraws.com/

I find that the navigation/menu bar is too thick right now and would like to decrease the height/padding on the top and bottom parts of the navigation bar. I would also like to slightly decrease the font size of my navi/menu bar.

Please advice on how I can fix this, thank you!

0 Likes
HardikDavra
Shopify Partner
2322 365 995

This is an accepted solution.

Hello @JeanaDraws 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.css and paste this code at the end of this file.

.site-nav {
margin: 15px 0px;
}
.tmenu_item_link site-nav__link  .tmenu_item_text {
font-size: 15px !important;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
JeanaDraws
New Member
2 0 1

That fixed it, thank you!

HardikDavra
Shopify Partner
2322 365 995

@JeanaDraws  Thank you for the update.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes