Streaming live at 10am (PST)

Fixed Background Image Issue


#1

I have defined a fixed background image on my Hero Section but when I publish the web site the background image is not really fixed. Is this a bug or a configuration issue?
Please take a look on the published link: http://bestcoffeeshop.webflow.io/

Also regarding this fixed background, I would like to know how can I make it scroll with some parallax effect despite I can’t do that without coding as I could see on some other forum topics.

Thanks in advance!


Here is my site Read-Only: [LINK](https://preview.webflow.com/preview/bestcoffeeshop?preview=a47af0656401eebd79f3933ac0fa581f)
(how to share your site Read-Only link)


#2

It looks fixed to me. Keep in mind that fixed backgrounds only work on computers, not touch devices.

If you want to do parallax, it’s easy with the new interactions 2.

Here is a tutorial https://university.webflow.com/lesson/parallax-movement-on-scroll-interactions


#3

I realized now that it is not fixed on Chrome. If I open on IE it is fixed. In what browser did you execute?

Thanks for the parallax tutorial link, but on my case it is a background image that I was wondering make it with the same effect.


#4

Hi @Belli

You may also find these workshops useful too - @PixelGeek did a number of live demos of parallax effects possible with Interactions 2.0 - there’s more as well!



Hope they are useful

Stu


#5

NotFixedOnChrome

I don’t know why, but webflow is adding a w-mod-touch class that is overriding my fixed image configuration. That’s why it is not working.

Does anybody know something about that?

Thanks!


#6

This is happening to me as well… I think the problem is because we have a touchscreen laptop. in regular laptops it doesn’t add that.


#7

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