-
Posts
-
I need two changes to the color of the small bar above the main menu. I am including the CSS I tried for each modification.
1. In the transparent mode I need it to be blue
#top .av_header_transparency #header_meta {
background-color: #78bde9;
}2. When you scroll down the page and the menu becomes blue I want the small bar to be black
.header-scrolled #header_meta {
background: ##3d3d3d !important;
}Hey Tiffany!
Thanks for contacting us!
Both codes seem correct. Please check your custom CSS for errors using this website – http://csslint.net/ and make sure to clear cache :)
Best regards,
YigitHere is what I found (in case anybody runs into this thread and needs help)
1. The code I provided for this issue is in a couple of threads in the site but csslint says you can’t have 2 IDs in the selector . Here is the code that worked for me:
#header_meta {
background: #78bde9 !important;
}2. You’re right, #2 works. I just had two ## before my hex code.
Thanks for the intro to the great tool!
- The topic ‘Small bar above menu color transparent header’ is closed to new replies.