Archived topic

Primary nav bottom alignment

3 replies · Started by Mike on March 4, 2020

Viewing posts 1–4 of 4

March 4, 2020 at 12:43 pm #1185184

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

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

Perfect David! Works a treat!

Your a CSS wizard!

Many thanks!

Mike

March 5, 2020 at 5:32 am #1185723

You're welcome

This archived topic is closed to new replies.

Start building better websites today.