Background twitching on mobile

Highlighted
New Member
1 0 0

Hi, whenever I add a background image to my website, it looks totally fine on desktop, but whenever I scroll through the website on a mobile phone (on both android and iphone), the background image keeps resizing and twitching when switching from scrolling up to scrolling down through the website and vice versa. Anyone know how to fix this? I am using the debut theme and used the folloing code to add a background image:

 

body,
html {
background: url({{ 'pixel_background2.jpg' | asset_url }});
background-color: $color-body;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

 

if anyone knows how to solve this, it would be greatly appreciated. 

0 Likes