background-attachment: fixed for background image

Resolved ReHackt
(@rehackt)

11 years, 1 month ago

Hi,

I really love your theme ! Everything’s fine with the PC/MAC version of my website.

The problem is that, when I am on mobile devices / tablets, my background image acts weird.

I’ve read that the attribute “background-attachment: fixed” with “background-size: cover” got disabled on mobile devices due to performance reasons.

I’ve tried some alternatives but nothing seems to work like on my current PC version and i’m quite bad with HTML/CSS/PHP …

Can you help me please ?

+ here’s the link of my website which is great on PC/Mac :
My website

++ If it is possible to keep the scrolling effect from the background image, I would love that, but if not, don’t bother with that ! 😉

Thanks

– Fred

Viewing 10 replies - 1 through 10 (of 10 total)

Hardeep Asrani
(@hardeepasrani)

11 years, 1 month ago

Hi,

Can you tell me how does it act weird? It’s looking fine on my side. 🙂

Regards,
Hardeep

Thread Starter ReHackt
(@rehackt)

11 years, 1 month ago

On PC/Mac it looks great, even in small sized screen. But, on tablets/phones there’s some problems with the header’s/footer’s background image.

The header’s image doesn’t shows up and the texture of the footer’s background looks blurry.

Did you test it on a mobile device ? 🙂

Thx for your help !

-Fred

Hardeep Asrani
(@hardeepasrani)

11 years, 1 month ago

Hi,

I just did, on my Android, and it still looked normal. Please include screenshots so I could see what you’re talking about. 🙂

Regards,
Hardeep

Thread Starter ReHackt
(@rehackt)

11 years, 1 month ago

Header :

Mobile devices

PC/MAC

Footer :

Mobile devices

PC/MAC

Hardeep Asrani
(@hardeepasrani)

11 years, 1 month ago

Hi,

We can fix this by adding background-size: 100%; but your background image’s height is very narrow, so can you use an image big in size? 🙂

Regards,
Hardeep

Thread Starter ReHackt
(@rehackt)

11 years, 1 month ago

Does not seems to work for me.. :/

Maybe I don’t know where to put “background-size : 100%;” in my css ..
Where did you put it ? 🙂
Hardeep Asrani
(@hardeepasrani)

11 years, 1 month ago
Put this, using Simple Custom CSS plugin, to your WordPress:
```
body {
    background-size : 100% !important;
}
```
Regards,
Hardeep
Thread Starter ReHackt
(@rehackt)

11 years, 1 month ago

I love you ! 🙂
Thx for you patience and your implication, you are the best ! 😛

– Fred

Hardeep Asrani
(@hardeepasrani)

11 years, 1 month ago

Is it working now? 🙂

Thread Starter ReHackt
(@rehackt)

11 years, 1 month ago

Yes it is ! 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘background-attachment: fixed for background image’ is closed to new replies.

Tags