Hi @blablacat!
Try this CSS, it should match what you have in mind 🙂
@media screen and ( min-width: 1280px) {
.main-navigation {
position: absolute;
max-width: 100%;
top: 100px;
}
}
To add this CSS you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.
Hi Chad
I hope I’m OK to jump in on this thread. I’m new to wordpress and have no clue about CSS. I too am using the sketch theme and would like my menu buttons to run the full width of the page rather than bunching up on the right hand side. I tried to input your CSS code but I probably did it wrong as it didn’t work. Below is exactly what comes up in the CSS screen when I input the code:
/*
@media screen and ( min-width: 1280px) {
.main-navigation {
position: absolute;
max-width: 100%;
top: 100px;
}
}
Click the help icon above to learn more.
*/
Can you please tell me what I’ve done wrong or if this code will even work for what I want the menu to do? And if I need a different code, would you be kind enough to supply me with it?
Many thanks in advance.
Sarah
Hi @sarahcoxartwork!
It looks like your CSS was added inside the comment block at the top of the CSS panel.
In CSS anything between /* and */ is a comment – it’s there for humans to read, but doesn’t get applied to the site.
Try removing everything you have now so the box is empty, then paste in the code from the this thread 🙂
Hi Chad
That worked! Thanks so much for your swift response, you’ve really helped a wordpress newbie 🙂
Huge thanks 🙂
My pleasure! Happy to help!
