Resize Margins on Primary Header - Debut Theme

Solved
Highlighted
New Member
2 0 0

Hi

Can someone help me with the following? I'm trying to resize my main header to go from this thickness:

 

Screen Shot 2020-01-30 at 10.38.04 AM.png

 

to this thickness, removing the excess white space around the logo and navigation buttons:

 

Screen Shot 2020-01-30 at 10.39.15 AM.png

 

For reference, my website is carryguanaco.com. Can anyone assist?

 

Thanks!

Mike

0 Likes
Highlighted
Shopify Partner
9267 1180 3265

This is an accepted solution.

Hello, @guanaco 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

.site-nav {
    margin: 10px 0;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
2 0 0

@KetanKumarWorked perfectly! Thanks so much!

 

While I have you, do you happen to know how to swap the logo to the center and the navigation text to the left? So that it looks like this:

 

header.png

0 Likes
Highlighted
New Member
2 0 0

Hey carryguanaco.com, do you mind me asking what font you have used on your landing page ?coming soon.png

0 Likes
Highlighted
New Member
2 0 0

do you mind me askingcoming soon.png what fonts you have used on your landing page

0 Likes