How to make a responsive menu with a logo in the center?

M

Mikhail Mishutka2017-07-25 13:54:19

HTML

Mikhail Mishutka, 2017-07-25 13:54:19

Hello. I need advice on how to implement an adaptive menu with a logo in the center. Attached an example. It is very important that the logo is on top of the line on which the menu is located and has a large height. Perhaps there are already ready-made solutions. I will be very grateful.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

N

Nikolay, 2017-07-25
@orlyone

There are many options, from absolute positioning to flex.
Like this

I

iBird Rose, 2017-07-25
@iiiBird

as an option for the desktop, you put the logo right inside the li at the menu. and above the menu you make a clone of this logo but with display:none;
and with the adaptive, you already hide this li with the logo. and which is higher - you show.

Y

Yuri Esin, 2017-07-25
@Exomode

There are really a lot of options, you can use this approach.