1. Achim Kohl
  2. Travelia
  3. Friday, 16 March 2018
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)
Accepted Answer
Accepted Answer Pending Moderation
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.
  1. more than a month ago
  2. Travelia
  3. # Permalink
Responses (6)
Accepted Answer Pending Moderation
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
  1. more than a month ago
  2. Travelia
  3. # 1
Accepted Answer Pending Moderation
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 !
  1. more than a month ago
  2. Travelia
  3. # 2
Accepted Answer Pending Moderation
Create a duplicate section and show it only on mobile devices, and the original section only on desktops
  1. more than a month ago
  2. Travelia
  3. # 3
Accepted Answer Pending Moderation
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!
  1. more than a month ago
  2. Travelia
  3. # 4
Accepted Answer Pending Moderation
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.
  1. more than a month ago
  2. Travelia
  3. # 5


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.