Want to crop Image in Navbar

I am new to webflow and still learning. I want to add a cropped image of my brand on the navbar for tablets, landscape and mobile. Replacing the image with a cropped one changes in the desktop too, is there any other way to do it? Thanks.

Yes.

So far, you’re replacing an image, which will impact all breakpoints because it’s an asset. The only things that can change from a breakpoint to another without affecting the others are located in the Style tab. So instead of putting an image in the brand element, set a background image to this brand element. Also set dimensions because background image don’t give any dimensions to elements, so you need to specify them or your element will shrink to zero and don’t display.

So set the bg for desktop, switch to another breakpoint, pass the bg to not display (the eye icon) and add another bg image for your breakpoint, you can also change the dimensions of the brand element.

Worked like a charm! Thank you so much.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.