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
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it