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 error on Iphones only

Featured Lock Resolved Issue
Hi,
I included 2 background images (scissor and near bottom) in row options ( cover, fixed, right top). On monitor and android-smartphones it looks ok (pic 1). Iphones seem to scale the background picture unexpected large. Could it be an error in the template/PageBuilder or is it a special safari issue?
Thank you for your time to answer.
achim
http://gruenundgrau.de/

Attachments (2)

  • pic2.png
    pic2.png 760 KB
  • pic1.png
    pic1.png 310.1 KB

7 Answers

Achim Kohl

More than a month ago #Permalink
Everything works as it should. The only mobile browser in which the fixed background and parallax effects can work is Firefox. That is also evident on your screenshots. Unfortunately in all other mobile browsers this does not work. Therefore, for mobile devices, you need to disable the fixed background and any parallax effects

Hi Pavel,
thank you for your help. I´ll include a static version for phones. Opera/Mobile shows a static background by itself - that´s ok.

Pavel

More than a month ago #Permalink
Everything works as it should. The only mobile browser in which the fixed background and parallax effects can work is Firefox. That is also evident on your screenshots. Unfortunately in all other mobile browsers this does not work. Therefore, for mobile devices, you need to disable the fixed background and any parallax effects

Wagner Michel

More than a month ago #Permalink
Therefore, for mobile devices, you need to disable the fixed background and any parallax effects


But how to disable the fixed background and any parallax effects only on the mobile and not on the other screens? Thank you !

Pavel

More than a month ago #Permalink
Create a duplicate section and show it only on mobile devices, and the original section only on desktops

Wagner Michel

More than a month ago #Permalink
Hi Pavel and thank you for your answer!
I thought it was the only solution.
In fact, I have a h1 tag in my row, if I duplicate this row (one for the Mobile), I will have 2 h1 tags in the same page, which does not help me.

I will think about finding another solution.
Thank you, continue this remarkable work, we all win!

Pavel

More than a month ago #Permalink
I will have 2 h1 tags in the same page, which does not help me.


And what's the problem? This will be hidden for a specific device. The search engine understands perfectly what a hidden object is and there will be no problems with it. In addition, according to the html 5 specification, one h1 tag on the page is not an obligatory condition.


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

126

Templates

334233

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