Archived topic
White background on sticky navigation
7 replies · Started by Zlatan on May 13, 2021
Hello,
I found different solutions on the forum, but maybe outdated, so apologize.
What is the easiest way to have a white background on sticky navigation when scrolling down (and to keep transparent when on top)?
Also I am trying to find out why the site logo is different size on homepage and other pages, any suggestions what to look for please?
Thank you.
Hi there,
Can you link us to the page in question? To check why the site logo is different on specific pages.
As for making the sticky navigation turn its background white.
You can try adding this CSS:
nav#sticky-navigation{
background-color: white;
}What this does is, when the navigation turns into sticky mode, it turns the background white.
Hello,
Adding the CSS worked great!
About the logo size the problem solved when activated use navigation as header.
Thank you for your help!
Nice one! glad to be of any help. No problem. :D
Hi,
Sorry I just noticed that it is not working on mobile, still transparent. Any suggestions what to look for please?
Regards
Can you link us to the page in question? To check in confirm things.
If you're using mobile header, you may have to use #mobile-header as well.
Try adding this CSS:
nav#mobile-header{
background-color: white;
}Let us know how it goes.
That's correct, I am using mobile header. Solved! Thank you again!
Nice one. No problem. :D
