Full-width navbar image blurs after loading

Design help General
1

Hi all! I’m having an issue with an in-process site, in which my header logo / images are blurry. In the Designer, they begin sharp, and then blur. Whenever I tweak something, they sharpen for a few moments, then blur again, as if they’re trying to resize or something.

The image includes the logo and a full-width shape as one image:
header-section → nav_container → Header_logo → navbar-background

Read-only: Webflow - Watershed

Can anyone give any insight here please? Thank you!

2

Welcome to the forum Travis!

So this is going to be kind of a hassle and I’m not sure if it’s going to solve the issue, but hear me out.

  1. Copy the nav background image.
  2. Paste it outside the navbar component.
  3. Press ctrl+shift+o while having the image selected (as seen in the attached image).
  4. Uncheck Responsive image.
  5. Copy the image again.
  6. Paste it inside the navbar and remove the old one.

Let me know if this works!

image
image1920×930 146 KB