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

Solved
InGameUK
New Member
3 0 0

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.jpgScreenshot 2021-09-18 at 01.20.35.jpg

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2468 387 1038

This is an accepted solution.

@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;
}
}

 

View solution in original post

Replies 3 (3)
AlexEffron
Shopify Partner
2468 387 1038

This is an accepted solution.

@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;
}
}

 

View solution in original post

InGameUK
New Member
3 0 0

awesome thank you, worked a charm!!