align primary menu with logo

  • Hi everyone,
    This is my page: https://www.csl-miami.com.
    I was able to move my logo to the left and move my primary menu up with this CSS code:

    @media screen and (min-width: 1030px) {
    .header-wrapper {
        float: left;
        width: 20%;
    }
    .navigation-classic .primary-navigation {
        display: inline;
    }
}

    But now I would like to align the primary menu with the logo, so there is equal white space on top of the logo and below the logo text/title.

    Any suggestions/help how I can do that. Must I add some padding somewhere in my primary menu?

    Thanks a thousands in advance!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi there,

    Were you able to sort this out?

    Right now, I see a 30px margin above your logo, and a 30px margin below your “CENTER FOR CARBONATE RESEARCH” text.

    Thread Starter jaraschnyder

    (@jaraschnyder)

    Nope, I did not. I would like to have the navigation bar right next to the logo instead below the logo, like it is right now. So that logo and navbar have the same height and are beside each other on the same line.

    Ah, I have a better understanding of what you’re after now. Give this a try:

    
@media screen and (min-width: 1020px) {
    .header-wrapper.clear:after {
        clear: none;
    }
    .navigation-classic .primary-navigation {
        clear: none;
        float: left;
        margin-left: 10px;
    }
    .menu-primary {
        margin-top: 29px;
    }
    .navigation-classic .primary-navigation .menu-primary > ul > li > a {
        padding: 16px 24px;
    }
}

    Is there a simple way to align the logo to the left margin? I don’t have any CSS experience.

    Is there a simple way to align the logo to the left margin? I don’t have any CSS experience.

    EDIT: NEVER MIND. I was seeing the wrong screen size, so it appeared centered.

    Moderator Kathryn Presner

    (@zoonini)

    @kimitas1 – glad you’re set. If you need help with anything else, please start a new thread rather than adding to an existing one. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘align primary menu with logo’ is closed to new replies.