[Resolved] Primary nav bottom alignment

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 6 years ago by David.

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

Author

Posts
March 4, 2020 at 12:43 pm #1185184

Mike

Hello,

I recently did some GP updates and it seems to have broken my site header area.

I have been able to fix everything but my navigation.

Essentially I want the nav to align to the bottom of the .inside-navigation div.

This means that when hovering over items the submenu appears horizontally directly over the top of the first section which happens to be a slider.

Essentially I want to bring the primary and sub navs down by about 5 or 10px.

Any ideas?

March 4, 2020 at 5:21 pm #1185335
David
Staff
Customer Support
Hi there,

try adding this CSS:
```
@media (min-width: 768px) {
    .inside-navigation {
        display: flex;
        align-items: flex-end;
    }
    .main-nav {
        flex: 1;
    }
}
```
March 5, 2020 at 5:17 am #1185712

Mike

Perfect David! Works a treat!

Your a CSS wizard!

Many thanks!

Mike

March 5, 2020 at 5:32 am #1185723

David
Staff
Customer Support

You’re welcome
Author

Posts

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

You must be logged in to reply to this topic.