[Resolved] Logo in navbar , aligment problem

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 4 replies, 2 voices, and was last updated 10 years, 11 months ago by Tom.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
July 7, 2015 at 4:10 am #119160
Martin
Hi

I have a small problem…

I have been able to put in a logo in the navbar but I cant get the menu to be centered on the right side of picture.

Picture:

here is the css:
```
.main-navigation .site-logo {
    float: left;
    line-height: 60 px; /* Adjust this to your menu item height */
    margin-right: 1em;
}
```
The size om my image is: 125x125px. I have tried to increase the “line-height” to 125px but still the same problem.

What do I need to change?

Thank you..
July 7, 2015 at 9:03 am #119225

Tom
Lead Developer
Lead Developer

Is it possible to get a link to your site so I can take a look at the code?

July 8, 2015 at 8:58 am #119494
Tom
Lead Developer
Lead Developer
Ah, looks like you just have to move the navigation down a bit.

Try this CSS:
```
@media (min-width: 768px) {      
      .main-nav {
            margin-top: 30px;
      }
}
```
July 8, 2015 at 10:51 am #119528

Martin

Yes.. That worked perfectly.

Thank you 🙂

July 8, 2015 at 10:52 am #119529

Tom
Lead Developer
Lead Developer

Glad I could help 🙂
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.