Logo causing nav to become to tall

Design help General
1

I’m trying to set the logo in the navbar such that the text can be read clearly by any visitor. But atm, the more I increase the size of the logo by changing width and height, the fatter the whole navbar becomes. I’ve tried importing a smaller version of the logo but that didn’t make a difference.

Is there a way to just make the logo fit in the navbar with a certain size without changing the navbar size itself?

I’ve included a read-only link to the website below. Thank you.

Here is my site Read-Only: [LINK](Webflow - Rural Smiles Initiative)
(how to share your site Read-Only link)

2

The problem is 2 things:

  1. You have the height set of the logo to be a square, but the logo itself is not.

    Screenshot 2023-09-07 at 07.35.11
    Screenshot 2023-09-07 at 07.35.111633×843 78.6 KB

  2. The image you have uploaded is also a square with a ton of white space - since the logo is a wide rectangle shape, you should export it in a shape that makes a bit more sense and then this won’t happen!
    Screenshot 2023-09-07 at 07.36.19
    See how it says 500x500?

3

Thank you. I exported the image in a rectangular shape and set the size on webflow to be similar and it works now.

1 Like