We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Fixed background image issue on tablet / phones

Featured Lock Resolved Issue
Hi there,

I could'nt find any info on this in the forums.

But how can i fix the image background:fixed ?

When you open up a site on tablet or phone the image is all blurry and not fixed.

example : helix3 - see screenshot.

i just use standard css:

background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 50%;
}

Attachments (1)

  • IMG_1989.PNG
    IMG_1989.PNG 213.5 KB

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
background-attachment with fixed value is not supported by phones, please read about it in Internet. Some tablets doesn't support it as well.
---
I suggest to use separate ROW for Desktop and tablet/mobile with different bg image , smaller.
Yes, use Responsive Tab in ROW to set desktop/mobile/tablet view for it

Hjalte

More than a month ago #Permalink
Thanks for reply, but i see many sites on my phone with fixed background, or maybe it fixed in other way?

example on phone : http://www.skiing-hokkaido.com/

Paul Frankowski - Staff

More than a month ago #Permalink
You have to compare CSS used there and on your site, without I have no idea.


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

330961

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us