How to fix the relative sizing for Nav bar and nav text

So I have been having issues on the Navbar with the logo design when it is big the everything looks fine but when I make the browser smaller the text and logo go out of the nav bar.

How can I fix this problem?

@webflow @PixelGeek @magicmark

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Have you tried making the navbar element’s height to auto? You can also use percentages for the logo size.

1 Like

As @DFink says use percentages.

In the navbar (if keeping set to 14%):
set the container to height 100%
Set the brand link to height 100%
Set the image to height 100% but you must actually type auto in the width if you do this otherwise the image will stretch.

1 Like

@magicmark @DFink

Thank you very much!!