Dropdown Menu Too Transparent

Solved

Dropdown Menu Too Transparent

naturalflow
Excursionist
21 0 7

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
2391 516 515

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
7073 1903 2331

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


niraj_patel
Shopify Partner
2391 516 515

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
2305 835 908

Hi @naturalflow 

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
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
Excursionist
21 0 7

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

 

https://j-beautynatural.com/

jbeautynatural001

niraj_patel
Shopify Partner
2391 516 515

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
Excursionist
21 0 7

Thank you! This worked perfectly!