Cover + Sticky + 100VH + carousel = broken Margins
-
Hej @arminunruh
I created this new site, where I use all the above mentioned lay features ... but my Intro-Text (second row, after cover) is somehow miss aligned and looks strange in the backend too.
- Margins somehow don't apply on my Intro-text?! (its off center, especially compared with the element below)
- Additionally my backend is broken too, the Carousel (set to 100vh, fixed height) overlaps my 1 row which is also a cover row. Why?
- The Issue seems to appear on Desktop only
We fixed the frontend for now, with the following code on this site (#intro = second row after cover, containing intro-text):
#intro .col { margin-left: 50px !important; }Would be nice if you could tackle that soon.
Thank you, Fabi
-
Seems to be more a Problem with Sticky ... added sticky to another text further down below of this page and its off-center as well.
-
sorry i didn't see this topic
-
seems to be an issue when max-width is enabled in lay options:

in combination with sticky and custom row height / browser row height maybe
i will fix it, will take some time as im travelling atm
-
I solved it in the meantime with custom code, so no hurry. Would be nice if you could solve it sometime though. Have a nice vacation in the meantime and let me know if I can assist you in any way.
Best regards,
Fabi