The logo is in it’s own container that stretches the full width of the page, so it is pushing the nav container below it. If you want the logo and nav next to each other their containers need to be floated to the left and right to form two columns, like this:
#logo {
margin: 5px 0 0 0;
float: left;
}
#menu_container {
padding-top: 0;
float: right;
}
Thanks for your response,
unfortunately it didn’t work :((( anything else I could do???
It worked for me in the web inspector, did you find these two rules in your theme’s style.css file and edit them with the code I posted above?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You shouldn’t be using a caching plugin when making changes to your site – if you want those changes to show.
Yes, I found these two rules. I used the standard Editor, when going on “Design” —> “Editor” and then changed it, I always clicked on “Clear cache” before I refreshed….. Is that not the way to do it?
my codes look like this:
/*logo*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
#logo {
margin: 0px 0px 0px 0px;
}
#logo2 {
margin: 0px 0px 0px 0px;
float: left;
}
#logo img{
border: none;
}
#logo2{
text-decoration: none;
font-size: 42px;
letter-spacing: -1pt;
font-weight: bold;
font-family:arial, “Times New Roman”, Times, serif;
text-align: left;
line-height: 57px;
padding-left: 0px;
………………..
………………..
/*menu bar*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
#menu_container{
padding-top: 0px;
}
I would deactivate your caching plugin while making changes, to make sure you are seeing the latest version and not a cache.
You need to replace this:
#logo {
margin: 0px 0px 0px 0px;
}
With this:
#logo {
margin: 5px 0 0 0;
float: left;
}
And this:
#menu_container{
padding-top: 0px;
}
With this:
#menu_container {
padding-top: 0;
float: right;
}
Just like in the code I posted.
I have done that, I will try it again. I don’t know how to switch off the caching plugin…. :/ I am just going to try using a different browser to see.
That won’t work, you have to clear the WordPress cache, not the browser cache. If you go to your plugins, you can deactivate the caching plugin.
You guys are awesome!!! It worked!!! PERFECT!!!!
Do I have to reactivate that caching plugin now? B/c I don’t even know what its for….
You’re welcome, yes activate the caching plugin and clear your cache.
The caching plugin takes a static “snapshot” of your site and load that for your visitors, instead of dynamically loading the whole site each time. This is faster and takes less resources because it is static and doesn’t query the database as much.
Ok thanks a lot for your help!!! That was great!!
I have been sitting for ages on this one…
