Please provide a link so we can have a look at your site.
In your style.css file, find this (around line 1247):
.nav-primary {
border-bottom: 1px solid #e3e3e3;
}
And change it to:
.nav-primary {
border-bottom: 1px solid #e3e3e3;
background: #ffffff;
}
Basically, by doing this you’re just adding a background color to the menu.
Thanks a lot !
Worked perfectly..!!
i’ve the same problem..
the sticky element is .main-navigation ,
this is the url link
can you help me?
@vitomjj Instead of selecting “.main-navigation” as the sticky element, instead try the whole menu bar: “#header-text-nav-container“
Then you should also add this to your CSS:
#header-text-nav-container {
background-color:#ffffff;
}
now this is my #header-text-nav-container (instead in sticky element)
#header-text-nav-container {
background-color: #FFFFFF;
border-bottom: 1px solid #EAEAEA;
}
but nothing, i’ve transparent background…
@vitomjj Set the Z-index value of the element (in the plugin settings screen) to 2 or higher.
no way,
how is it possible? I can not remove the transparent background
You haven’t set the background color for the element in your current style.css.
See http://serposrl.altervista.org/wp-content/themes/spacious/style.css?ver=4.4.2 (line 492):
#header-text-nav-container {
border-bottom: 1px solid #EAEAEA;
}
As I’ve mentioned before, it should be:
#header-text-nav-container {
border-bottom: 1px solid #EAEAEA;
background-color: #ffffff;
}
By the way, if you require any further help, please disable the script that disables right-click on the page. It makes it very difficult for me to inspect the code to see what the problem is.
I realized that the server does not save any manual changes I make to style.css
I solved by “custom css” wordpress adding the lines
#header-text-nav-container {
background-color: #FFFFFF;
border-bottom: 1px solid #EAEAEA;
}
that override the style.css ..
i’ve another question: in mobile versione the menu toggle don’t stick to the top, is it a separated element and so it’s not possible to stick? thanks for your answers.
(i’ve disable the no-right click on the page)
From what I can see, the menu DOES stick at the top on mobile, it is the same element.
Hello!
I’m having the same problem – site here: http://thepetitecritique.com/
Thank you so much!
Hi @thepetitecritique,
Adding background: #ffffff; to .genesis-nav-menu in your CSS file should do the trick:
.genesis-nav-menu {
clear: both;
font-size: 12px;
font-size: 1.2rem;
line-height: 0.1;
width: 100%;
background: #ffffff;
}
Or, if your theme gives you the option to add custom CSS, this should be enough:
.genesis-nav-menu {
background: #ffffff;
}
