• Resolved kamilm1984

    (@kamilm1984)


    Hi there,

    I updated my theme a few days ago and now the logo is not inline with the navigation menu… Can anyone help please??? I went to style.css and tried changing the header but did not seem to work…

    Have a look training-x.com

    Any help much appreciated!!

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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;
    }
    Thread Starter kamilm1984

    (@kamilm1984)

    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.

    Thread Starter kamilm1984

    (@kamilm1984)

    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.

    Thread Starter kamilm1984

    (@kamilm1984)

    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.

    Thread Starter kamilm1984

    (@kamilm1984)

    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.

    Thread Starter kamilm1984

    (@kamilm1984)

    Ok thanks a lot for your help!!! That was great!!

    I have been sitting for ages on this one…

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Logo not inline with navigation menu’ is closed to new replies.