Nav bar logo responsiveness help

Hello I have been learning webflow and creating my portfolio, but I have a problem with my nav bar logo, i have adjusted it to fit nicely according to the device sizes, but when I drag along, it becomes too big or too small, it doesnt fit nicely in the nav bar… but in the default device size it looks ok. Not sure which part of it is causing trouble, can anyone guide me on this?

Also, I tried adjusting the hamburger menu height but i couldn’t cause it doesnt change when I edit the width or height…

Thank you :slight_smile:


Here is my public share link: LINK

Hello , you added div inside brand just remove it and give width to logo you didn’t use container make sure use it hope this will work

Hello thank you so much for the prompt help! I tried container and yes it does look better yay! Really appreciate it!!

May i know is it correct for me to set the logo max width at 100% and reduce it slightly at the smaller screen size? is it the correct way to make it responsive?

Yes you can give fixed width to logo in pixels this also work

Thank you so much! I think I finally fixed it, really appreciate your help !!! have a great day ! :slight_smile:

1 Like

Welcome always ready to help :blush: