Hi everyone,
My client wants each section in the Nav bar and it’s drop down menu different colours? So the clothing section and its drop down one colour and the accessories section another etc. Is this possible?
https://thefamousmarqueeclub.store/
Thanks for your help.
Michael Cowdroy
Hello @MichaelCowdroy
It’s the GemPages support team and glad to support you today.
I would like to give you a solution to support you:
Open your theme.liquid theme file
Paste the below code before :
You can change the number of orders and color colors you want.
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
This is Victor from PageFly - Landing Page Builder App.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css
nav.header__inline-menu ul.list-menu > li:nth-child(1) ul.header__submenu{
background: yellow!important;
}
nav.header__inline-menu ul.list-menu > li:nth-child(2) ul.header__submenu{
background: green !important;
}
nav.header__inline-menu ul.list-menu > li:nth-child(3) ul.header__submenu{
background: aqua !important;
}
nav.header__inline-menu ul.list-menu > li:nth-child(4) ul.header__submenu{
background: red !important;
}
nav.header__inline-menu ul.list-menu > li:nth-child(5) ul.header__submenu{
background: beige!important;
}
nav.header__inline-menu ul.list-menu > li:nth-child(6) ul.header__submenu{
background: black !important;
}
Hope this answer helps.
Best regards,
Victor | PageFly
Hi, how do I make sure the header is the same colour as the drop down menu?
I’ve used your code and looks great - I just need to match each drop down colour with each menu colour.
