Background image top content section not responsive - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 5, 2022 at 4:24 pm #1363945

marc_vandaele
Participant

Hi
I notice that my backgroundimage is not showing on tablets and smartphones. When I reduce the window size on the desktop the image adapts itself, but on smaller screens the space is left blank.

Can you help me there please?

September 5, 2022 at 7:14 pm #1363969

Rikard
Keymaster

Hey marc_vandaele,

It’s displaying on my end when I check in Chrome on Android. Did you try checking in an incognito or private browser window?

Best regards,
Rikard

September 5, 2022 at 11:54 pm #1363982

marc_vandaele
Participant

Thank you …I had tried on iphone and ipad in the safari browser.

After your message I tried again in a private window in safari and in firefox and firefox focus. In firefox none of the images load, in Firefox focus only the background image is missing, just like in safari.

I have all caching off on the hosting platform.

Best regards
Marc

September 6, 2022 at 6:40 am #1363990
Ismael
Moderator
Hi,

Thank you for the inquiry.

We are able to reproduce the issue on an iPad simulator and the problem seems to be occurring because of the background-attachment property, which is currently set to “fixed”. The background image displays back when we set the background-attachment property back to scroll.

Please try to add the css code below to set the background-attachment to “scroll” only on mobile view.
```
@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .avia-section.av-l7hbrsgi-22a28a38511cc44c00332707314bc68c {
    background-attachment: scroll;
    background-position: top center;
  }
}
```
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael
September 6, 2022 at 7:44 am #1363994

marc_vandaele
Participant

Thank you for that.

I decided to take the easier option and choose paralax mode, which so far seems to display fine on different devices.

Have a nice day
Marc

September 6, 2022 at 8:38 am #1363996

Ismael
Moderator

Hi,

No problem. Glad to know that you’ve found another option. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Background image top content section not responsive’ is closed to new replies.