align primary menu with logo

jaraschnyder
(@jaraschnyder)

8 years, 11 months ago
Hi everyone,
This is my page: http://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)

dcoleonline
(@dcoleonline)

8 years, 11 months ago

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)

8 years, 11 months ago

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.
dcoleonline
(@dcoleonline)

8 years, 11 months ago
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;
    }
}
```
kimitas1
(@kimitas1)

8 years, 8 months ago

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

kimitas1
(@kimitas1)

8 years, 8 months ago

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)

8 years, 8 months ago

@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!