Navigation bar covering logo

Hi,

I am having trouble trying to integrate the logo as part of the navigation bar, right now it completely covers the logo which is undesirable.

How do I put the logo in front of the navi bar or least not being covered?

Thanks.

Not sure I understand the layout you want.

Is it

nav --- title-logo

or

title-logo --- nav

You should move the styles from the nav to the header. Make it a flexbox container as well so you can position the elements.

Example
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

If you want title-logo --- nav you have to switch the order of the children inside the header.

Also, remember to push down the content that comes after the header (margin or padding top)

Hallo,

can you please elaborate what you mean here “If you want title-logo --- nav you have to switch the order of the children inside the header.” I think this is what i am looking for.

Thanks!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.