Different background images for desktop and mobile - maybe focus point

Ask the Community Customization
1

Hi :slight_smile:
Is it possible to insert different background images for desktop and mobile? The problem is that the focus is completely lost in the mobile version and it looks a bit weird.

THX & BR Basti

2 Likes
3

Hi @B.S :waving_hand:

To fix the image focus issue on mobile for your current background, you can use this CSS code:

@media (max-width: 480px) {
  [class*="window__Body"] {
    background-position-x: 60%;    
  }
}

And if you want to add a completely different background for the mobile view, this code will do the trick :wink:

@media (max-width: 500px) {
[class*="window__Body"] {
  background: url(Image_URL);
  background-size: cover;
  object-fit: cover;
  opacity: 1;
}

Let me know if it helped or if you have any questions left :wink:

2 Likes