to control the Navbar text color before and after it sticks to the head of the page?
I mean when the page loads to have one color and when the Navbar sticks to the upper part to change the text color?
is it possible in the parallax home page
11 replies · opened Nov 20, 2019
Hello,
This is Definitely Possible. Consider using the following code:
#header:not(.sticky-header) #primary-menu > ul > li > a {
color: blue;
}
#header.sticky-header #primary-menu > ul > li > a {
color: red;
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
ok, that worked but the cart and the search magnifier didn't change color
Hello,
Simply adding the Cart and Search related codes to it will work fine:
#top-search a,
#top-cart > a { color: #HEX; }Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
that's not good, cause it changes it for both before and after the Navbar sticks, and I need it just before it does...
Hello,
Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
it's not live yet...
I mean, the other parts of the Navbar are controlled by before and after the Navbar sticks but the search and the cart do not?
another thing, if I use this:
#header:not(.sticky-header) #primary-menu > ul > li > a {
color: blue;
}
#header.sticky-header #primary-menu > ul > li > a {
color: red;
}
than "current" won't work... and I want it to work
so what I'm basically asking is can I change the Navbar color on the css file, where do I find it? before and after it sticks?
never mind... I resolved it myself :)
Hello,
Glad that your issues were resolved.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
PS: As mentioned earlier, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . However, if there are any issues related to the included features, we are always here to help you out with them.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard