Responsiveness for Logo

Design help General
1

Hi, I would like my logo to be smaller on mobile portrait and mobile landscape (approximately the size of the hamburger icon. I found this article on the forum;

This method did make the logo smaller but only to a particular point. The logo seem to also be taking it styling from the navbar. Which as a sticky navbar does have a 100% width and 90px height. I have Div Block 77, as the first post on the forum said to add a div then add styles to it, the next article I read said put it in “Brand” container.
https://ucarecdn.com/244d37ff-b8de-4c66-b62d-85706b43e167/Screen%20Shot%202018-05-31%20at%208.38.51%20PM.png

Thank you for any assistance in this.

Here is my site Read-Only: **LINK**https://preview.webflow.com/preview/brits-construction-project?preview=c2602ebef5226789716afb7dcac79199
(how to share your site Read-Only link)

2

Hello @BLam1

I would suggest to make the link block ‘brand’ with fixed height and width in percentages and make put the logo image as css background with a containing ‘positioning’. That will give you always the size (in percentage) of the logo.

Hope this helps.