Shopify themes, liquid, logos, and UX
URL: https://e8aiud65kvp3vbm4-17240367.shopifypreview.com
Password: testcode123
Code Used:
header-main, header {
background-color: transparent !important;
}
header {
position: absolute !important;
width: 100%;
border: none !important;
top: 0 !important;
z-index: 50 !important;
}
I want it to make the entire header including the menu items (home, shop, etc) transparent, but it should leave the drop down background as white. How would I update the code to do this?
Solved! Go to the solution
This is an accepted solution.
Hey @emekayode ,
Add this CSS.
@media(max-width: 768px){
#main-navigation {
background-color: #fff;
}
}
Thanks,
Ritu
Hello @emekayode ,
Please use below CSS.
#main-navigation {
background-color: transparent;
}
Thanks,
Ritu
thanks that worked but it changed the mobile version drop down to transparent, is there a way to just have that code affect the desktop version only?
This is an accepted solution.
Hey @emekayode ,
Add this CSS.
@media(max-width: 768px){
#main-navigation {
background-color: #fff;
}
}
Thanks,
Ritu
actually I found a solution:
@media only screen and (min-width: 1025px) {
#main-navigation {
background-color: transparent;
}
}
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024