Logo position info

Design help Layout & Design
1

hello guys,
I have a small problem that I can’t solve by myself. in the site i’m designing the logo in the home page is correct both in the desktop verion and in the tablet version. if i move to a page that is not the home page the logo moves incorrectly. i checked all the parameters but something is missing.
can you give me some help?

Many Thanks.
Andrea

Here is my site Read-Only: Webflow - Copy of tooreal

2

Hi Andrea!

For consistent logo positioning across different pages, here are some general best practices in Webflow:

  • Use a navbar component and set it as a symbol to maintain consistency across all pages
  • Apply fixed dimensions to your logo container
  • Set specific margin and padding values (recommended: 16px padding top and bottom)
  • Use flex properties in the navbar to control logo alignment
  • Consider using constraints to lock the logo position relative to its container

The standard dimensions for a logo in Webflow’s navbar are 196 x 28 pixels. You can adjust these measurements based on your specific design needs while maintaining the aspect ratio.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hi Andrea,

The reason is that much of your logo styling [3] is connected to the link wrapping it [1], in the current state [2] specifically. This means that those sizes are only applied on the homepage, since that’s where your link points, and is when it becomes “current”.

You’ll need to adjust your design so that the sizing you want applies to navbar-logo when it’s not in the current state.

image
image1920×979 103 KB