How to fix a large gap in mobile header after editing code?

hello, i have edited my code on my debut theme so that in the mobile view i have the logo in the middle, the menu on the left and the shopping cart on the right. unfortunately this has created a huge gap to the atf.

I just followed the instructions here, do you know a solution for this? → https://community.shopify.com/c/shopify-design/debut-theme-mobile-display/m-p/1224903/highlight/false#M317057

I hope for a feedback.

Hi @Spaetzle93 ,

Share the URL.

www.holzbude.shop

There´s a huge gap between header and atf

#stickyHeader {
	padding: 0 !important;
}

3:34 PM
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

thank you very much. that works :slightly_smiling_face: