How to remove the white long bar in the mega menu

[mjayxf]

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!

[Wholesalehelper · Accepted solution]

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

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[Wholesalehelper · Accepted solution]

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

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[mjayxf]

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

[Wholesalehelper · Accepted solution]

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 " </body>" tag -> Save

<style>
#header .menu ul li.dropdown:hover .list-woman{
    visibility: hidden !important;
}
</style>

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[mjayxf]

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