[Resolved] Icon in menu centre, with menu split in two

[scott doel]

Hi is it possible to to put the menu plus icon in the centre of the menu and split the primary menu into two parts, either side of the logo.

I wanted to ‘creativly swipe’ (copy) the way its done on Get Noticed Theme by Michael Hyatt

[Leo]

Hi Scott,

This should help: https://docs.generatepress.com/article/centering-logo-navigation/

Let me know.

[scott doel]

Perfect! Thanks Leo

[scott doel]

Just thinking Leo…………….is it possible to color the top and bottom of the menu in CSS, I could do with 5 px in white on the top and the bottom, so the logo looks like its breaking out of the menu!

[scott doel]

I have tried adding

.main-navigation {
border-top: 20px solid #ffffff;
border-bottom: 20px solid #ffffff;
}

But it wont go under the logo

[Leo]

Not quite sure what you mean? Can you provide a link to your site?

[scott doel]

Here is a link to the site here

I wanted the menu to look like this

[Leo]

Hmm your code should work? The borders are underneath the logo when I tried adding it.

If you are referring to the curve under the logo in the example site, I think that is from the page header picture.

[Author]

Posts