Can anyone please help me figure out how utilize different "current menu text" font colors when my main header is transparent and my sticky header has a white background?
For example when the scrolled at the very top of the page my header is transparent with white font, but when you scroll the header becomes white and since there is only one setting for "current menu" font color, I can't change the white so it doesn't show up when the page is scrolled down because the background is also white.
If anyone has any advice that would be great, thank you!
For the transparent header you can add this custom css to use a different color ( thefox > styling options ) :
.transparent_header nav > ul > li > a, .transparent_header .cart-content, .transparent_header nav > li.current-menu-item li a, .transparent_header #searchtop_img .fa-search, .transparent_header .header_si a, .transparent_header #nav_button:before { color:#ffffff !important; }
change the ffffff to the color code you want to use.
Do not hesitate to contact us if you have more questions.
Unfortunately I believe you misunderstood my question. I don't need to change the font color of the transparent header, I need to change the font color of the menu text when scrolled down.
I have a transparent header with white font because my background is dark. When I scroll, I want to keep my white background sticky menu and change the font of THAT text to black, but I can't because you can only choose one font color for "current menu" text. Does this make sense?
The transparent header text color is set to white by default, if you want to change the text color of the sticky header ( shrinked header ) go to Thefox > Styling
Then change the "Menu Text Color", this is the color the sticky header text will use.
Do not hesitate to contact us if you have more questions.
Hello,
Can anyone please help me figure out how utilize different "current menu text" font colors when my main header is transparent and my sticky header has a white background?
For example when the scrolled at the very top of the page my header is transparent with white font, but when you scroll the header becomes white and since there is only one setting for "current menu" font color, I can't change the white so it doesn't show up when the page is scrolled down because the background is also white.
If anyone has any advice that would be great, thank you!
Hello Cory, sorry for the late reply.
For the transparent header you can add this custom css to use a different color ( thefox > styling options ) :
.transparent_header nav > ul > li > a, .transparent_header .cart-content, .transparent_header nav > li.current-menu-item li a, .transparent_header #searchtop_img .fa-search, .transparent_header .header_si a, .transparent_header #nav_button:before { color:#ffffff !important; }
change the ffffff to the color code you want to use.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi,
Unfortunately I believe you misunderstood my question. I don't need to change the font color of the transparent header, I need to change the font color of the menu text when scrolled down.
I have a transparent header with white font because my background is dark. When I scroll, I want to keep my white background sticky menu and change the font of THAT text to black, but I can't because you can only choose one font color for "current menu" text. Does this make sense?
Thanks!
Hello Cory,
The transparent header text color is set to white by default, if you want to change the text color of the sticky header ( shrinked header ) go to Thefox > Styling
Then change the "Menu Text Color", this is the color the sticky header text will use.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme