Help- Opacity of sub menu when widescreen/desktop

Hey,

I am struggling to fix this and the actual editor only lets you add borders and shadows to this menu, is there any quick code fix? To me, it makes no sense that the menu is fine and opaque in mobile but as soon as it goes to the desktop it becomes invisible to people, it is super hard to read. any help is appreciated I did try follow some guides and edit a bit of code but it didn’t change anything so I may be looking in the wrong place or it isn’t in the sub-menu code of assets

the theme is taste

Hi @VEGUMMIES ,

Could you please share your store URL and password if it is enabled, so that I can check for you

Hi @VEGUMMIES

Would you mind to share your Store URL website? with password if its protected. Thanks!

www.vesweeties.com

Cheers!

www.vesweeties.com

Cheers!

1 Like

Thank you for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#HeaderMenu-MenuList-2,
#HeaderMenu-MenuList-7 {
    background: white !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Hi @VEGUMMIES ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

Thank you so much. That worked perfectly, really appreciate the assistance