Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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:
Mobile view:
(Extra space indicated)
Solved! Go to the solution
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)
it's line 1100.
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)
it's line 1100.