Transparent header but keep background when you click on the dropdown menu (Influence Theme)

Store Design
, , , ,
1

URL: https://swampclo.com/?_ab=0&_fd=0&_sc=1
Password: testcode123

header-main,
header, 
header * {
    background-color: transparent !important;
}

header {
    position: absolute !important;
    width: 100%;
    border: none !important;
    top: 0 !important;
    z-index: 50 !important;
}

I have a code snippet which makes my header transparent but when you click on any of the menu items the background is still transparent, how do I add a background when any of the drop down menu items is clicked?

2

@emekayode

what is the storefront password? currently the store is password protected?

Thanks

3

sorry, its testcode123

4

Hi @emekayode

This is Richard from PageFly - Shopify Page Builder App

Simply change your code to be like this

header-main, header, header > * {
    background-color: transparent !important;
}

Hope this can help you solve the issue

Best regards,

Richard | PageFly

5

That made the drop down menu transparent but the header to be white, I actually need it the other way round

6

I managed to fix it myself by changing the code slightly to not include all the atrributes of the header and simply just the header itself to be transparent using:

header-main, header {
    background-color: transparent !important;
}

header {
    position: absolute !important;
    width: 100%;
    border: none !important;
    top: 0 !important;
    z-index: 50 !important;
}