Menu icon Foundation
Two row top-bar with vertically aligned image

Top bar

Is it possible to create a two row top-bar with an image vertically aligned to a specific point? (image attached)

I know two rows is possible but I need the top-bar to line up with a specific part of the logo.

If this is possible, how will this affect mobile view?

If this isn't possible, are there any alternatives?

top-bartop barimagelogonavigationmultirowtwo

Top bar

Is it possible to create a two row top-bar with an image vertically aligned to a specific point? (image attached)

I know two rows is possible but I need the top-bar to line up with a specific part of the logo.

If this is possible, how will this affect mobile view?

If this isn't possible, are there any alternatives?

Bradon Garley over 4 years ago

I was able to adjust the image position using -margin-top but now the second row (links) is overlapping the image. Any ideas?

Rafi Benkual over 4 years ago

Yes, this is possible.

You can make a <ul> that is absolutely positioned, and add some height to the topbar.

Just use a media query for medium and up to not affect the mobile menu.

Post your code so we can help you more.

Tom Huben about 4 years ago

This is exactly what I need ... and on the mobile collapse I would just like that to go away... can anyone post code???

Rafi Benkual about 4 years ago