[Support request] Justified Centered Menu with Logo in middle

[Drijen]

Hi there!

I’m using this great theme, and Beaver Builder/Beaver Themer.

I’ve been able to create the following header via Beaver Themer:
http://sdabuildlondon-dev.co.uk.gridhosted.co.uk/

The aim is to create a justified menu that remains aligned on both sides with the container width of 1200px. I achieved this on large screens through adjusting the padding between the menu items, but as soon as screen goes below 1235px, it no longer works.

I realise i will need to create different media queries to make sure menu and social/contact details fit on one line, but is there away to automatically control the spacing between the menu items to ensure it is justified?

[Tom]

Hmm, tough question. You might be able to use flexbox for the menu items, but I’m not sure since the markup is using BB. It might be worth asking their support if they’ve ever done something like that with their menu widget.

[Drijen]

THanks!

Flexbox appears to work, but only one issue…

http://sdabuildlondon-dev.co.uk.gridhosted.co.uk/

The ‘start a project’ link has a white border around it, but after adding flexbox, the border also bottom aligns with the bottom of the logo image.

Is there a way to not stretch vertically?

[Tom]

Hmm, here’s what I’m seeing: https://www.screencast.com/t/vpVh3KUgx

Is that not how you want it to look?

[Author]

Posts