Remove random white space when in menu view

Solved

Remove random white space when in menu view

ellacoker
Excursionist
116 0 15

Hello,

I have this strange white space under my header, but only when i am actually in the menu view. Is someone able to help me remove this white space?

 

Thank you so much. Ella

URL:https://admin.shopify.com/store/wss10u-is/themes/175807824166/editor?previewPath=%2Fcollections%2Fma...

PW: ellacokerIMG_7925.PNG

Accepted Solution (1)
Vinsinfo
Shopify Partner
485 165 168

This is an accepted solution.

@ellacokerThank you for sharing the screenshot of the code. The gap still persists because the code above the one we provided has not been properly closed. Please close it as shown in the attached screenshot below. This should resolve the issue. Let us know if it works for you!

 
Vinsinfo_0-1738300969640.png
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 4 (4)

Vinsinfo
Shopify Partner
485 165 168

@ellacoker Please follow the below steps to remove the space displaying below the header section in menu drawer. Let us know whether it is helpful for you.

 
1. Go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "base.css" file and paste below CSS code at the bottom of the file like in the attached screenshot.

 

#menu-drawer .menu-drawer__navigation {
    padding-top: 0px !important;
}

 

Vinsinfo_0-1738229963184.png

 

4. Result will be like,
Vinsinfo_1-1738229968699.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
ellacoker
Excursionist
116 0 15

Hi there, thank you for this. Unfortunately it did not work. See screenshots attached. Ella.

Screenshot 2025-01-31 at 10.53.29.pngScreenshot 2025-01-31 at 10.52.37.png

Vinsinfo
Shopify Partner
485 165 168

This is an accepted solution.

@ellacokerThank you for sharing the screenshot of the code. The gap still persists because the code above the one we provided has not been properly closed. Please close it as shown in the attached screenshot below. This should resolve the issue. Let us know if it works for you!

 
Vinsinfo_0-1738300969640.png
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
ellacoker
Excursionist
116 0 15

This worked! thank you so much. you're a lifesaver!! Ella.