Dear Support Team,
On the website https://emmerams-muehle.de/#reservierung I have 2 columns (within a section = “Online Reservieren ” and “Telefonisch Reservieren”) which move over the previous color section (= dark background with “Reservieren im Emmerams”) when scrolling.
This works perfectly on the desktop PC and is displayed correctly: see screenshot: https://emmerams-muehle.de/support/desktop-section.png
Only on the cell phone the white column does not move over the element, but under it: see screenshot: https://emmerams-muehle.de/support/mobile-section.png
What can I do so that it is also displayed above it on the cell phone?
Many thanks for your support.
Best regards, Diana
Hey Diana,
Thank you for the inquiry.
The issue occurs because of the overflow property in this css rule, which is only applied on mobile view.
.av-parallax-section {
position: relative;
border-top: none;
overflow: hidden;
}
To override it, you can add this css code.
#reservierung + .av-parallax-section {
overflow: visible !important;
}
Best regards,
Ismael
Thank you very much. The script works perfectly!