Need help removing white space where menu would be on Minimal Theme on mobile

Store Design
1

Hi need a little help with the Minimal shopify theme. I have tried implementing every solution I could find on the forums with no success, so apologies if this feels like a duplicate. But really need a little help the URL is www.ingameuk.shop

What I’m trying to do is remove the white space that appears on mobile, where the menu is removed from desktop view.

I use a sticky header if that us causing any issue? I’ve tried adding multiple media query’s to the theme.scss, which have been suggested on multiple similar issues with no success at all.

If someone can answer this, it would be appreciated

Andrew

Screenshot 2021-09-18 at 01.19.53.jpg
Screenshot 2021-09-18 at 01.19.53.jpg884×1132 109 KB

Screenshot 2021-09-18 at 01.20.35.jpg
Screenshot 2021-09-18 at 01.20.35.jpg1806×1198 218 KB

2

@InGameUK

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

body {
margin: 0px !important
}
#shopify-section-header {
    position: sticky !important;
}

@media screen and (max-width: 768px) {
.main-content {
    margin-top: 0px !important;
}
}
3

awesome thank you, worked a charm!!

4

@InGameUK Thank you for accepting my answer as a solution.