Change nav bar font, size and spacing for taste theme

NicoleJB
Excursionist
32 0 11

Hi!

 

How can I change the nav bar font, size and spacing for taste theme?

 

website www.jazzyboo.com.au

pw: kaocho

 

thanks for any help 

 

 

Replies 4 (4)

oscprofessional
Shopify Partner
15830 2369 3071

@NicoleJB ,

oscprofessional_0-1652172968920.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
NicoleJB
Excursionist
32 0 11

oh no!! it's supposed to be www.jazzyboo.com.au thanks for bringing it to my attention

oscprofessional
Shopify Partner
15830 2369 3071

@NicoleJB ,

.header__menu-item span {
    font-size: 50px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

diego_ezfy
Shopify Partner
2935 562 883

@NicoleJB, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.list-menu__item *{
    font-size: 20px !important;
}

.header__submenu > li *{
        font-size: 18px !important;
}

@media (max-width: 749px){
.menu-drawer__menu *{
    font-size: 16px !important;
}

.menu-drawer__inner-submenu *{
        font-size: 15px !important;
}

}


20px = navbar font size (desktop)
18px = navbar dropdown font size (desktop)

16px = navbar font size (mobile)
15px = navbar dropdown font size (mobile)

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.