-
Posts
-
Hello Kriesi
After an update to our Enfold theme, we discovered an error on all of our pages using negative margin – as seen on your demo https://kriesi.at/themes/enfold-church/about/our-mission/ & our own page https://www.kursusfabrikken.dk/digital-marketing-manager/ and lots more.The fail only appears if the page is loaded in mobile browsers or via chrome inspector tool using a mobile or tablet device. But the fail follows if the page is resized afterwards.
We have tried to download the church demo page on a demo page of ours, BUT it still did not work. The same fail appears, despite we have not touched any of the code or building blocks in the demo.
Here are some photos to help you understand the problem.
Your demo page: https://kriesi.at/themes/enfold-church/about/our-mission/
Image of your demo page: https://drive.google.com/file/d/1btNG6lhMkqz58gm1P6hb-dY7DwqAJftc/view?usp=sharingImage of our demo page: https://drive.google.com/open?id=1jY1iWYapWu0XwGC-kaVoLO1jZ3RSuA1O
Our site: https://www.kursusfabrikken.dk/digital-marketing-manager/
Image of our site: https://drive.google.com/file/d/1UTw7WXB8uBASEobn2Yf7UWcuF33WHqjd/view?usp=sharingHey Jake,
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: 1024px) { .avia_mobile #av_section_2 .avia-builder-el-7.flex_column { margin-top: 0px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaHello Victoria
When we copy/paste the CSS, the whole site loses all its styling.
So, unfortunately, it did not work at all.I hope that you know a way to fix the issue – because it worked just fine on the older version.
.. and we are a little frustrated that the problem still isn’t solved yet.After looking into your fix, it seems that the “over-floating” element is just removed, but if possible, we would like it to still be functional – as seen on your demo-page https://kriesi.at/themes/enfold-church/about/our-mission/ .. which works on mobile and desktop, without any problems.
Any other way to solve the problem? Do we need to use an older theme-version to not have these problems – because it seems that your demo page is running an older version?
Just to highlight the problem one again – it is the devices that make the problem.
.. please check the images one the links below.
– thanks :)With Device selection on ipad
https://drive.google.com/file/d/1dnednl14ouqcX0b2Vcv7pZTziuNvnby2/view?usp=sharingWithout device selection in the same width
https://drive.google.com/file/d/1ZbHK9Y1MlkOxZVx89wuoPV3QlY-3k5FH/view?usp=sharingHi Jake,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Yes, that is the z-index issue but your setup has a slightly different html and so I cannot seem to make it work.
Best regards,
VictoriaHi Jake,
Our demo is using the color section and you’re using a slider and so the html different and z-index issue cannot be resolved.
You can try using a color section too with the background image the same that you use in the slider.
Best regards,
VictoriaHi Victoria
Thanks a Lot
– The problem was solved after working with Color Section on the upper div, and no outer div on the underlying section.Best regards :)
- The topic ‘Enfold overlapping elements – problem’ is closed to new replies.