How to remove the white long bar in the mega menu

Store Design
, , , , , ,

Topic summary

A user encountered a white bar appearing when hovering over “Home” and “Shop” menu items in their Shopify store’s mega menu.

Initial Solution Attempt:

  • First suggestion involved adding CSS code to style-main.scss file to hide the dropdown element
  • This approach did not resolve the issue when the user tested it

Successful Resolution:

  • The working solution required adding code to the theme.liquid file instead
  • Code needed to be placed just before the closing </body> tag
  • After implementing this second approach, the white bar was successfully removed

Status: Issue resolved. The user confirmed the fix is working properly.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello, can someone please help me? When you scroll over “Home” and “Shop” on the Home Screen of our website, a long white bar appears. How can we remove this?

Our store link is: https://fwt18i5f103q1w24-77401129260.shopifypreview.com

Thank you so much!

2

Hello, @mjayxf

Greetings from the Wholesale Helper Support Team! Happy to help you today.

  1. Go to online store > theme > Edit code > Assets > style-main.scss (file) and Paste the below code at the bottom of the file → Save
#header .menu ul li.dropdown:hover .list-woman {
    visibility: hidden;
}
  1. After adding the above CSS, it looks like this-

Wholesalehelper_0-1704717951411.png
Wholesalehelper_0-1704717951411.png1349×295 90.6 KB

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

1 Like
3

Hi there! I appreciate your reply. I already pasted the code, but the concern remained when I previewed it. Do I paste them in the wrong file? Please let me know. Thank you

Screenshot 2024-01-09 at 6.24.36 PM.png
Screenshot 2024-01-09 at 6.24.36 PM.png1738×734 89.6 KB

4

Hello, @mjayxf
Greetings from the Wholesale Helper Support Team! Happy to help you today.

  1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " " tag → Save

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

1 Like
5

It now working! Thank you so much for your help.