Large header space and padding on mobile debut

Highlighted
New Member
3 0 0

Hey everyone,

Having an issue with abnormally large padding and header space on the mobile site. Curious if anyone has a fix for this. The desktop version also has a large header space but no padding between the menu and video. 

Any ideas?

 

118518683_315011166594386_8314998638382390023_n.jpg

0 Likes
Highlighted
Astronaut
1088 181 215

Do this to fix it in 20 seconds:

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

[id] .site-header *{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[id] .site-header .grid__item {
    padding-top: 0px !important;
}


It will fix the header spacing for you. Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes