Solved

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

emekayode
Explorer
58 2 10

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?

Accepted Solution (1)

emekayode
Explorer
58 2 10

This is an accepted solution.

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;
}

View solution in original post

Replies 5 (5)

Liqiud_xPert_SJ
Shopify Partner
723 92 112

@emekayode 

 

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

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
emekayode
Explorer
58 2 10

sorry, its testcode123

PageFly-Richard
Shopify Partner
4206 950 1599

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

emekayode
Explorer
58 2 10

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

emekayode
Explorer
58 2 10

This is an accepted solution.

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;
}