Dear Support Team,
On the website https://gerlindemichel.osmosis.de/, below the Enter section, there is a section with three adjacent boxes: see screenshot:https://osmosis.de/support/gm/home/gap2.jpg
Unfortunately, this does not yet work optimally on mobile devices:
1. on a cell phone there is a huge white space between the boxes: https://osmosis.de/support/gm/home/gap.jpeg
How can I reduce this?
2. on the tablet landscape format (ipad) the three boxes should also be displayed one below the other. At the moment they are next to each other:
https://osmosis.de/support/gm/home/cell-tablet.jpeg
Which script do I have to integrate so that the cells are also displayed one below the other on the tablet landscape?
Best regards, Diana
Hey Diana,
Thanks for the screenshots, I believe that the reason there is so much space between the boxes on mobile is that this page is using negative margins and parallax position, for mobile you should be able to change these settings, but typically the element before uses negative margin to pull the next one up, etc.
I recommend duplicating the page, this feature was added in v5.6.9, as a test homepage and try disabling the Parallax Rules for mobile:
and also the negative margin. If this doesn’t help then we can try again on your test page.
Please see below.
Best regards,
Mike
Thank you for this hint and the screenshot. I have adjusted it according to your specifications, and it works PERFECTLY!!! Thank you :)
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike