If you scroll down on my site you have these boxes that are 900px by 900px pixels which is great but when the vertical size of the browser is smaller then 900px i’d like those boxes to get smaller either with percentage or some other way. I would want the whole box to fit onto the screen.
Please let me know how this is possible. Thank you in advance!
Hello @herardo you can always use percentages instead of pixels for that as well. Another way to do that is in each slide don’t put things in the default slide, instead everything goes in a div that’s a flexbox. Then you can center everything and use a percentage to get it fully responsive.
Hi @herardo If you want to auto adjust something, just set the CSS attribute to ‘auto’,
like overflow:auto; or position:auto;
and other stuff like that.
Thank you guys! This seemed to work great:
adding a max width of 100vw.
I have a new problem now. On mobile specifically my background video stopped playing in a loop? And also now has a big play button in the middle? This was working just earlier and then just stopped out of nowhere? Any advice would be helpful please? Thank you in advance.
Glad that worked for you @herardo. When you get a chance, please mark the solution above so the community knows your question has been answered and others can find it as a solution.
As for your other questions, I cannot reproduce this. When I click your read-only link, it shows the background video looping and without a play button. I don’t have the live link - is that what you’re referring to?