Streaming live at 10am (PST)

Background image not cascading

This has to be a bug -

1.Create a new project

2.Add a Section with VH 100

3.Add a background image to the section

4.Change the views - Tablet / mobile landscape and portrait show the image

5.On the mobile landscape view - change the image to be hidden

Note that the image is now also hidden on mobile portrait but also Tablet!

This also happens if the mobile image needs to be different - the Tablet view is linked to mobile and not Desktop which is where it should be inherited from.

Hey @PeteM have you got a read only link?

Do you really need one? - just follow the steps - I have reproduced on several different projects without any issue. You don’t even need to do it with an image.
Add a section and choose a colour - change the colour on the mobile landscape - switch to Tablet and the colour is no longer the same as desktop but has inherited from the mobile landscape - this does not happen if you use mobile portrait

https://preview.webflow.com/preview/background-image-bug?utm_medium=preview_link&utm_source=designer&utm_content=background-image-bug&preview=cf8e5110160fa033ba0a23c3db4c8b4b&mode=preview

I’m not having that issue even after following your steps

@PeteM I wasn’t having that issue after following your steps, that’s why I asked.

I also did what you said with the section and a colour and I’m still not having that issue.

Are you using the latest version of Chrome?
http://plan-it-web.co.uk/webflow/Webflow_Background.html

I can see it’s happening for you. I’ve just tried again and it’s working as usual for me, on latest version of Chrome too.

Maybe @cyberdave can help you out here.

Hey @PeteM,

Can you please try to reproduce this behavior while being logged into Webflow using Incognito mode with browser extensions turned off? https://support.google.com/chrome/answer/95464?hl=en

@Nita - Incognito mode does not make any difference, all extensions are off and I also cleared the browser cache as well - it’s the same. I have also tried on 3 different systems and they are all showing the same behaviour.

I can’t reproduce your problem. Here is a video where I try.

CloudApp

Hi @PeteM,

Still unable to repro on a new project nor through the preview link, you posted. I am happy to take a look at the original project to understand if any other element might be causing the behavior. Feel free to send me a DM with the original project read-only link and I’ll take a look.

Hi Nita,
I’ve no idea what is happening - it’s just really annoying as i want to have different images for the different views - I have tried on a different machine at home (which is the main thing) and it does not happen - so I am thinking it’s something on this machine… the read only link I provided is the original project.
Thanks
Pete

Can you share a quick video showing what are you doing and the problem happening?

Hi @PeteM, as @Jeandcc mentioned, a video would be really helpful.
Have you tried on a different project?

1 Like

See the link I posted which is a video - Yes, of course I have tried different projects - please read my comments.

http://plan-it-web.co.uk/webflow/Webflow_Background.html

" I have reproduced on several different projects without any issue. You don’t even need to do it with an image."

“- Incognito mode does not make any difference, all extensions are off and I also cleared the browser cache as well - it’s the same. I have also tried on 3 different systems and they are all showing the same behaviour.”

“I’ve no idea what is happening - it’s just really annoying as i want to have different images for the different views - I have tried on a different machine at home (which is the main thing) and it does not happen - so I am thinking it’s something on this machine… the read only link I provided is the original project.”

Yep…That’s not really normal. Just a very simple/obvious thing: Have you tried editing the background, closing the color picker, selecting something else in the DOM and then moving to another breakpoint?

1 Like

“Have you tried editing the background, closing the color picker, selecting something else in the DOM and then moving to another breakpoint?”

Yes

i having that issue after following your steps, that’s why I asked.

I also did what you said with the section and a colour and I’m still not having that issue.
i want to same interface of this website https://ccard-generator.com/

i am tried editing the background, closing the color picker, selecting something else in the DOM and then moving to another breakpoint? please consider this things i want http://cnetguide.com/ this site

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