Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.
I don’t get how I could use Firebug to do that though..
There is currently a max-width of 1600px on the nav bar.
.navbar {
background-color: #f7f5e7;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
You’ll want to get rid of the max-width. However be sure not to edit core theme files (they will get overwritten when you update).
strange
this is my css
.navbar {
background-color: #323232;
margin: 0 auto;
width: 100%;
}
I have made a child theme. Is that a problem?
Nils
The max-width property is coming from the original core style.css. You’ll need to overwrite it in your child theme.
Try
.navbar {
background-color: #323232;
margin: 0 auto;
width: 100%;
max-width: 100%;
}
In your child theme CSS.
Works like a charm!
Thank you so much!
