Re: Mystery Mobile Header Padding.... Please Help!

Solved

Mystery Mobile Header Padding.... Please Help!

bethanyboss
Visitor
2 0 1

I can't for the life of me figure out why some padding is being added to my mobile header. See screenshots of desktop view vs. mobile view. Notice the big chunk of white padding that's being added to the bottom of the header in only mobile. The website is Heilus.com if you want to check it out live! My theme is "Debut". If you have any advice for me, please let me know.

 

 

Desktop view:

Screen Shot 2021-05-06 at 3.35.32 PM.png

 

 

 

 

Mobile view:
(Extra space indicated)

 

Screen Shot 2021-05-06 at 3.35.44 PM.png

Accepted Solution (1)

leungvi8
Shopify Partner
20 1 3

This is an accepted solution.

Looking at your css... there is the "main-content" container has a padding-top of 35px. Remove that line or comment it out and that should get rid of that space. (image)

Screenshot 2021-05-06 181906.png

it's line 1100. 

 

View solution in original post

Replies 2 (2)

leungvi8
Shopify Partner
20 1 3

This is an accepted solution.

Looking at your css... there is the "main-content" container has a padding-top of 35px. Remove that line or comment it out and that should get rid of that space. (image)

Screenshot 2021-05-06 181906.png

it's line 1100. 

 

bethanyboss
Visitor
2 0 1

@leungvi8 thank you so much! Really really appreciate your help.