â–Ľ
Streaming live at 10am (PST)

Fixed Background Glitch

Hi everyone :slightly_smiling_face:

I am building a website for a dentist studio in Rome, and I have some problems with the background images fixed. When I scroll down, right at the last moment, there is a little glitch: the background images “stretches”.

Does anybody know why this could be happening?

My read-only link is --> https://preview.webflow.com/preview/studio-verdecchia?utm_medium=preview_link&utm_source=designer&utm_content=studio-verdecchia&preview=50900c5e9644e8ffd961b289436f8a99&pageId=5f9c4022df7979eee0ed6755&mode=preview

And the live website is --> https://studio-verdecchia.webflow.io/terapie

Thank you very much in advance for your help and support! <3

Ginevra


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

Where exactly is this problem because I can’t figure it

@ginevrafwilliams This is one strange behaviour !!! :exploding_head:
A little help here @mattvaru @matthewpmunger @sarahfrison

1 Like

The background images in the cards get stretched when scrolling down, right at the last second can you see it?

no ideas yet? :pray:

Have you tried unpublishing/republishing the project? This definitely looks like a bug although I’m wondering if it will sort itself out after a freshly compiled project.

To see if I could isolate the problem area, I took a peek at the styles in DevTools and disabling the background-position property seems to prevent the issue from happening—although the setting you’re using is the default and can’t be removed in the editor:

image

I fixed it! I added background-position: initial in the head section and it works now :slight_smile:

2 Likes