Hi guys!
I have successfully changed my header to transparent but although I tried a few suggestions on this forum, I can’t mane my dropdown menu transparent as well.
Can someone give me a hint?
Hey @andstudio ,
Your store is password protected, can you share the password or disable it temporarily?
Hi @andstudio
Its password protected.
Newbie!!
Done, thank you!
Thanks for the info, Do you mean like this?
If it is check 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:
.menu-drawer {
background: transparent;
}
details#Details-menu-drawer-menu-item-1:hover {
background: white;
}
.menu-drawer {
border: none
}
And Save.
I add the menu a background when its hover.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @andstudio
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
div#menu-drawer {
background: transparent !important;
border: 0 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
but the submenus still turn white! And also, how can I stop the behaviour of going a bit opaque when I click the menu?Thank you do much for the reply but this one does not work 
check this one again,
.menu-drawer {
background: transparent !important;
}
details#Details-menu-drawer-menu-item-1:hover {
background: white !important;
}
.menu-drawer {
border: none !important;
}
And Save.
I’ve been playing designs with your submenu. But you didnt mention about it.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @andstudio ,
This should apply transparency in all menus
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
It totally worked as I wanted.
Thank you so much!
No idea, maybe you changed something in the settings.
Just add this code as well, right below tag as said in the previous instructions
Hi! Could you repost the code? It’s not visible from my end, I’m not sure why.