Archived topic

Primary Menu Options

3 replies · Started by Stephen on November 7, 2018

Viewing posts 1–4 of 4

November 7, 2018 at 7:07 am #721331

Hi,

I'm try to duplicate the primary menu seen on the attached site. The sub-menus don't need to be transparent, just aligned in a similar way. I don't see any alignment or padding options in GP Pro, or am I missing the obvious?

Thanks
Steve

November 7, 2018 at 7:51 am #721360

Hi there,

To replicate the example attached, set the navigation to float right:
https://docs.generatepress.com/article/navigation-location/

Then add this CSS and adjust the px number:

@media (min-width: 769px) {
    .main-navigation {
        padding-top: 15px;
    }
}

When we switch to CSS grid in the future, you will be able to remove this CSS>

Alternatively, you can try using this method as well:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

It would be a bit a different from the example site but it's a very popular layout currenntly,

Let me know if this helps :)

November 8, 2018 at 12:45 am #721845

Thanks Leo, I'll try the CSS.

November 8, 2018 at 4:46 am #722012

Sounds good. Let me know how it goes :)

This archived topic is closed to new replies.

Start building better websites today.