1. fabian@familiepampam.de
  2. Commercial Templates
  3. Friday, 30 October 2015
  4.  Subscribe via email
I bought the LifeStyle template and I am pretty happy with it - great work!

There is one issue, that drives me mad:

In mobile browsers the background image is not fixed. Firefox updated the mobile browser to support this feature but android internet and chrome do not show the background right.

My website URL: http://www.tgoh.de

If possible please provide a workarround. Thank you in advance!
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend could you try adding the following to the Custom CSS field of your templates parameters..


@media only screen and (max-width: 1080px) {
#body_bg {
background-size: auto auto !important;
}
}


I believe the issue you are having is related to the background-size set to 'cover' which some browsers would have an issue with.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
If I change that, the background-image is fixed to the content. I try to scroll the content over the fixed background like in mobile firefox.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to say there is no work around for fixing the background image on devices where the background-attachment property has been disabled. 'Fixed-backgrounds have huge repaint cost and decimate scrolling performance, which is, I believe, why some devices have it disabled'.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Has there been any change on this topic during the last year?

You managed to solve my problem at your template "Willow".

How did you do that?

At my Template "LifeStyle" the mobile firefox is changing my 4 different background images right and keeps them fixed.
Mobile chrome is stretching my images and won't stop scrolling them.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Cusotm CSS field of your templates parameters...


.touch #body_bg {
background-size: auto 100% !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Also insure you have the latest the download of the template installed which should also amend this issue (http://joomla51.com/tutorials/item/updating-your-template).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Update worked! Thank you!

Can be closed now.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent... thank you for the update! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.