Background image does not display properly

[Kavanali]

Hi, today i updated the theme in version 5.3.2 and there was a problem. On the homepage of the site, the background image does not display properly when viewed from a mobile. Before the update, everything look normal, but now it didn’t.

A picture of post was embedded over the background image, and when scrolled, the picture are behind the white background are not behind the image. Before update theme, the background image always followed the picture of post when scrolling – this only happens when the site is viewed via mobile https://kavanali.com/ you see below part ’’Najnovije epizode’’ on page

Note: on home page, the elements when scrolling appear, but these elements (pictures of posts) no longer appear as before, now thay fixed, they are always there whan load page.

How do I fix it?
Thank, Dejan

[jade]

Hello Dejan,

Can you please change the background-position of that section from 50% 14px to center 14px and see if it fixes the issue?

You may also try recreating the section the section and moving the elements in the new section.

If the issue persists, please provide us with the admin access to your site in a Secure Note:

Secure Notes

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

[Kavanali]

Hi, Send in secure Note log in for my site to try fix problem. I try byt no result.

Picture and beckground should appear as a section above and below the problematic section and background images have to appears below the images from the post.

Thanks,
Dejan

[friech]

Hi Dejan,

First, please remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue persists, please add this to Theme Options > CSS

@media (max-width: 979px) {
	.background-cover-fixed {
		background-size: cover !important;
		background-attachment: fixed !important;
	}
}

Then add this class background-cover-fixed to those sections with a problem with background on mobile.

Please note that this is not an official fixed, the long term fix for this is to rebuild your sections with the new Sections since it has the options that you need and don’t need to write custom CSS.

Thanks,

[Kavanali]

Thanks, bay

Dejan

[christian]

You’re welcome, Dejan.