Hello to all! I have a problem with my online store. I would like to have the dropdown menu from the menu bar in the header transparent. I saw that the background is coupled with the main background. Is there anyone here who can make the background in the dropdown menu transparent for me? Already…

hi @CaliWorld , You can mark it as an accepted solution. So other should know there are no action required for this thread.

Hi @CaliWorld , Share your store URL.

[image] Cali World - Original CBD Cali Weed Willkommen bei Cali World - der Anbieter und Produzent amerikanischer CBD Cannabis-Blüten. Cali CBD Weed kaufen und bequem nach Hause senden lassen.

Hi @CaliWorld , Hope you are well. Can you please share the URL of your store? So, I get better idea for the change

[oscprofessional_0-1629891490933.png] like this you want?

No. In your screenshot behind “Products” the background is black. It should also be transparent. The font at “CBD flowers” and “Food & Drinks” should be normal thick. The background behind the two categories should also be transparent.

Hi @CaliWorld , Please add the below CSS at the end of your theme.css file. let me know if you want any changes after implementation. .site-nav__dropdown{ background-color:transparent; } .site-nav__dropdown a{ background-color:transparent; color:#000; } .site-nav--has-dropdown.is-focused>a, .si…

a.site-nav__dropdown-link.site-nav__dropdown-link--second-level { background: transparent; } a.site-nav__link.site-nav__link--has-dropdown { background: transparent; } Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Hi @Akibhusen thank you very much. It works! BUT! The text is black now, not white haha. In which Code i have to change it in #ffffff`? EDIT: Oh i got it. It was beacause your 000 in color. I got in now. Thank you very much @oscprofessional @Akibhusen

Main menu / Make dropdown menu transparent

Technical Q&A

CaliWorld August 25, 2021, 11:41am 7

Hi @Akibhusen

its cali-world.de

Topic		Replies	Views
Transparent drop-down menu with white font Store Design menu , design , header , css	3	15	April 2, 2024
Dropdown Menü transparent Technische Fragen & Antworten	4	41	March 29, 2025
Brooklyn Drop Down Menu Background Transparency Store Design	6	38	December 16, 2021
How do I make my dropdown menu go from transparent to white? Store Design menu , css	6	83	February 17, 2023
Menu Drop Down Transparent Store Design menu	5	71	May 9, 2025

Main menu / Make dropdown menu transparent

Related topics