Simple Theme --> Nav bar + logo padding help?

Solved
Highlighted
Tourist
8 0 4

Hola Shopify solution specialists,

I am in the fine-tuning stages of my first web build and I could use some help with the mobile view! 

I am looking for some code fixes to adjust the padding between my nav hamburger icon and my website logo. Also potentially inflating the padding between Nav and first category -- both features only affecting the mobile viewer if possible~

043632F3-9C02-4AE8-A7C7-F8C6F7AC13FC.JPG

www.crazyhorseclassics.com

 

Many thanks my fellow pilgrims!

Waddie

1 Like
Highlighted
Shopify Partner
7473 1034 2599

This is an accepted solution.

Hello, @wcrazyhorse 

Welcome to the Shopify community!
and Thanks for your Good question.

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

@media only screen and (max-width: 749px) {
#HeaderLogoWrapper {
    margin: -40px auto -30px;
}
}

 

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
Tourist
8 0 4

Worked like a charm!

Thank you so much~

 

Cheers

W

1 Like
Highlighted
Shopify Partner
7473 1034 2599

@wcrazyhorse 

Thanks for update and your compliment

 

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