-
Posts
-
I had everything correctly and I went to test some different colors in the general styles.
Click and save, click and save, click and save.
Then I returned to the one I was using previously.
Now the nav menu text is black in the transparent headers, the text colors I chose only appear when scrolling and the nav collapses with the defined background color.
I tried and tried and nothing.
Now inspecting I see this:
#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text,{ color: var(--enfold-header_replacement_menu_color); }The only difference I see between browser is that safari uses bold and chrome not, but the black text is used when the header is transparent.
Thanks.
Hey peterolle,
In your css above you have a comma:
Try removing it and disable any caching plugin and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression, then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and then ensure to clear your browser cache and check again.
If this doesn’t help then try removing all of your custom css, as you may have other commas or missing brackets, and check again. If this does help then add your custom css back a little at a time until you find the error, of try using CSS Lint
If this doesn’t help, then we will need to examine your site, if it is on a localhost then we will need to wait until it is live.Best regards,
MikeHey Mike.
That CSS is from Enfold, not mine.
For my side, I disabled cache, deleted old css and js, delete browser cache, delete all my custom css and nothing. That Enfold CSS is making it black.
Thanks.
- You must be logged in to reply to this topic.