Height of marquees relative to screen

[KW1]

Hi
I have several marquees running below each other and would like to make their height relative to the height of the screen so that the screen is completely filled by the marquees. Is this somehow possible, both for desktop and mobile?

Thanks a lot!

[felix_rabe]

@KW1 you can work with vh value (viewport height). You can give the marquees a custom class and then add the custom style.

Example CSS for 5 marquees:

.marquee{height: 20vh;}

Learn more:
https://laytheme.com/documentation/custom-css-styling.html

[arminunruh]

ah clever! did that work?

[KW1]

Thanks for the feedback, I also thought for a moment that I had the solution! Unfortunately, I have the feeling that the border specifications of the marquees, which you can set under the marquee setting, get in the way. It would be perfect if you could specify other values apart from px to make it a percentage of the screen. The 20vh creates gaps where my background colour shows through, but the marquee size itself remains unchanged. Does anyone have any ideas?

[arminunruh]

hey i will look into this now

[arminunruh]

ok if you update lay theme now:

Marquees can now have "vh" height. Also Space below and Space above can be set in vh now. This way you can have for example 5 marquees on top of another that each have 20vh height. This way they will always fill up the whole screenheight.

[KW1]

omg — thats so nice! What a support, thank you! I will check it...

[KW1]

Hi Armin, I have updated everything and I can also set vh as a value, thanks a lot for your quick action! Unfortunately, the content of the marquees does not change with the value, it actually gets smaller. Do you know the reason for this?

[arminunruh]

do u have a link?
for me it works

[arminunruh]

make sure to remove your custom css you added before