Dropdown Menu Too Transparent

Solved

Dropdown Menu Too Transparent

naturalflow
Tourist
3 0 1

Hello!

 

I'm not sure exactly how to explain my problem, but the gist is that the Dropdown menu is much too transparent to the point that it's hard to see it. What I would like to do is have the dropdown menu be completely white so that it covers the whatever is below it...if that makes sense. I've attached a photo for reference.

 

スクリーンショット 2024-09-02 171759.png

 

As you can see, the "Categories" dropdown the leads to "Hair care", etc. Except...it's quite difficult to see since the dropdown is not completely covering the picture that comes below it. Does anyone know how to fix this? I am currently using the Fashionopolism theme.

Accepted Solution (1)
niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    .header-section .navigation.full-nav .dropdown__menuitem {
       background: #fff !important;
    }
</style>

niraj_patel_0-1725266605687.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
4969 1317 1600

Hey @naturalflow 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

niraj_patel
Shopify Partner
2378 514 511

Hello @naturalflow 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSSCommerce-HDL
Shopify Partner
2071 734 921

Hi @naturalflow 

Can you share a password to enter your site? So we can find out solution

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

naturalflow
Tourist
3 0 1

Thank you everyone for your quick replies. Here is a link and password:

 

https://j-beautynatural.com/

jbeautynatural001

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    .header-section .navigation.full-nav .dropdown__menuitem {
       background: #fff !important;
    }
</style>

niraj_patel_0-1725266605687.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
naturalflow
Tourist
3 0 1

Thank you! This worked perfectly!