Autonav css styling
Permalink Browser Info Environment
Has anyone worked with the css on the header nav? I need a transparent background instead of the grey and can't seem to find the css for this anywhere. I have changed just about every color in the main.css (even stuff that certainly didn't make sense), and the background just stays grey.
Thanks for the direction.
Thanks for the direction.
| Type: | Discussion |
|---|---|
| Status: | In Progress |
Check out the .f5-wrap .top-bar, background property in main.css.
If it's not that, try using your browser inspector to see what classes are
applied. For Chrome that would be right-click on the element, then choose
Inspect Element.
If it's not that, try using your browser inspector to see what classes are
applied. For Chrome that would be right-click on the element, then choose
Inspect Element.
It works great on mobile now but still shows a black background on larger screens. I think it's linked to the black background that shows up behind the mobile menu when clicked, but I'm not sure where that code is found. I may have to compromise to keep a background on the mobile menu, but it has to be something other than black. The site is bluehillschurch.org/learn. (Homepage is using a different theme for now until I get the bugs worked out of this).
I went to this URLhttp://bluehillschurch.org/learn/... and the selector below has background-color: #333;
.f5-wrap .top-bar-section ul
So in your custom stylesheet, you need to do something like below if you want it transparent or use a color:
.f5-wrap .top-bar-section ul {
background: transparent;
}
.f5-wrap .top-bar-section ul
So in your custom stylesheet, you need to do something like below if you want it transparent or use a color:
.f5-wrap .top-bar-section ul {
background: transparent;
}
If it's not that, try using your browser inspector to see what classes are applied. For Chrome that would be right-click on the element, then choose Inspect Element.