Reducing header height - Debut

Solved
Highlighted
Tourist
12 0 1

Hi All,

I have looked at a lot of solutions but have had no luck so far.

I am looking to reduce the header height in my website wwww.hakamount.co.uk (pw ceesti). Note: I do not want to reduce the size of 'hakamount' text on the left of page.

I'd like the header to be roughly half the size it is now:

header height.PNG

Help appreciated.

Josh

0 Likes
Highlighted

This is an accepted solution.

Hello @hakamount,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

header ul#SiteNav {
    margin: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Shopify Partner
369 61 88

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

ul#SiteNav.site-nav {
margin: 0px;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

0 Likes
Highlighted
Tourist
12 0 1

Thanks - this worked great.

0 Likes