-
Posts
-
Hey guys!
I have created a website and found a bug somehow.
I use Color-Sctions with background-images and parallax.Mostly i like to position the backgroundimage “middle-middle”, “middle-left” or “middle-right”.
This works fine on desktop (almost all browsers). And if i use chromes developer mode to set mobile screensize to e.g. iPhone 5, the position is correct, too.But if i view the page on a phone (iphone 5 safari or other mobile phones with andoid) the image position is not working correct.
Left, right, middle in hoizontal way is working. But the position in vertical top, middle, bottom has no effect. No matter what image ratio i use.Is this a known issue?
Do you provide any help here?I am very looking forward to your replys
Best wishes
Arne
Hey Arne,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .avia-section.av-minimum-height .container .content { vertical-align: bottom; } }If you need further assistance please let us know.
Best regards,
VictoriaHi Arne,
Please try adding following code to Quick CSS
@media only screen and (max-width: 480px) { .home #av_section_1 .av-parallax-inner { background-position: 100% 0%!important; }}If that too does not work, please post temporary admin logins here privately so we can look into it
Best regards,
YigitP.S.: You are currently using older version of the theme. Please update it to the latest version 4.0.7 – kriesi.at/documentation/enfold/updating-your-theme-files/. You can check out change log here – http://kriesi.at/documentation/enfold/enfold-changelog/
Sorry to bring this issue back! I experience the exact same thing in the latest version of enfold. – Vertical positioning of the background is not working on any mobile device. The images in all color sections are always in the middle, is there a fix for that?
Changing the position through css for every color section seems inefficient..
Is this something you already attempt to fix?Hi archivarbookscanning,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardHi, this problem seems to be unsolved. I have the same problem!!!
in short:
– problem only on mobile
– mobile simulation on desktop is fine
– please compare those two!
Thanks!… sorry but for me its kind of urgent…. Can you please tell if there is a solution? And please if there is no solution: tell me as well!
Thanks a lot!Hi SvHa,
The images in sections are just normal backgrounds on my iPhone, parallax does not work in Safari, so the images have to be set to scroll. There is no other fix at the moment.
Best regards,
VictoriaHi Victoria,
thank you, but i know that on smartphone parallax is not working. But the vertical alignment should work as set in the enfold-backend! As you can see at the first picture on the page (the summit of the mountain) – the sumit is not visible, even though the alignment is set to “middle-top”. That is the problem: not that parallax is not working, the alignement does not work!
Okay and any further idea?
Thanks a lot!Hi,
I believe in your case LayerSlider would function better – https://kriesi.at/documentation/enfold/advanced-layerslider/ :)
Best regards,
YigitI think I found a fix for the color section background image positioning problem on mobile. Put this into your quick css:
@media only screen and (max-width: 767px){ {.av-parallax {top:-50px; } }There is a bottom:0; rule in there that makes the images position on the bottom when on mobile. The top rule seems to fix it, but you’ll need to play with the number of pixels. I’m using images that are taller than the container.
@jh100: this is working :-)
:-)
:-)
:-)
:-)
:-)
:-)
- You must be logged in to reply to this topic.