How to make my logo wrap around itself only?

9 replies
1100 views
Translate

I feel like my navigation and title are pushed to the bottom of my header because the logo is taking up the full width of the page? If that is the problem, how do i make it only take up as much space as it actually is?

This topic is closed to new replies. Start a new post to keep the conversation going.

O

osgood_

Legend

Its difficult to understand what you are trying to achieve. Assuming the image of the cake is the logo and you want it centered above the navigation and the text 'birmingham cakes' then you just need to center the logo, see your other thread in reference to 'background-images' - link - for the answer.

Translate

G

georginag13263113Author

Inspiring

I want the logo on the same line as the navigation, but the logo be to the left of the page and the navigation in the center, does that make sense? At the moment my logo sits on a seperate line it seems.

Translate

O

osgood_

Legend

Then wrap your logo div and your navigation <ul> </ul> in a div container and apply display: flex; to it.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.