Strange issue with fixed image background

Hi, so see here:

I have a fixed image background in the header (as I have more control to its size, in a div, for other screens if I don’t use your background image in cornerstone).

However, if I scroll down on an ipad, there are flashes of the background…same if I click prcies, and about us in the menu, it scrolls to section, but there is a flash of the image.

You can see it too, if I add a transparent background to a row:

Is there anyway to fix this?

Thanks.

Hello @oriol,

Thanks for writing in! Can you please create a video screencast of how it looks on the iPad so that we will have an idea of what is happening with the images or the flashes?

Best Regards.

Thanks Runel, here ya go: https://staging-logoglo-newsite.kinsta.cloud/wp-content/uploads/2023/03/Untitled.webm

Hello @oriol,

You should need consistent z-index values for all the sections. The Div element containing the Image element that is your background should have at least 0 z-index while the rest of the Section elements must have a z-index of 1 or higher.

Best Regards.

Got it, thanks, I will go in and check

I checked, and I had most of them at 1…there where a couple at 0. I have changed them, but the image still flashes on menu, scroll to section.

Hi @oriol,

In that case, we need to investigate the setting made in the images. I would request you, please provide login credentials for your staging site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Thanks, secure note added.

I profiled a couple of times and it seems like envira is running really hot on this page to the point of affecting scrolling. I’m not entirely sure what fixes are going to work here as I can get this to happen on desktop as well, you might need to try a couple of different things. I’d try turning off transitions to your containers first. Like the sections rows, anything that doesn’t animate as well and see if that gets you around some thread issues. Then maybe try seeing if there are some envira settings that could help this.

I have wprocket delaying scripts form loading, maybe that is effecting the envira gallery load?

I deleted it from this copy page: https://staging-logoglo-newsite.kinsta.cloud/bits-n-bobs/

Looks like its helped…still showing a little flash here and there.

Yeah this is functioning way better, although you probably don’t want to have Envira removed.

I’ve only seen things go wrong with plugins that change other scripts. Granted people are coming to me with issues, but I wouldn’t really trust them. On a page where Envira is still being loaded I noticed it doesn’t wait for onload so I’m not sure how it’s actually handling it, but it seems off.

Googling a bit got mixed results, but maybe try this on the backgrounds that are gradients. Came up in a stack overflow post.
background-repeat: no-repeat;

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