Hello
I am trying to make a strip on my page automatically adjust it’s HEIGHT (not width) accordingly to the viewer’s screen (most websites do have this feature).
I need the strip to fill the whole screen, in order to make a welcome screen without the visitors being able to see the other strips first. Adjusting the height manually doesn’t work as on bigger screens, the other strips will be seen.
I really a need a solution for this, and I believe many people do so as well. This is an incredibly crucial feature for many websites that is looked past by WIX.
Please help me find a workaround, whether it be a code, or any form of viable solution. As for now, I have used a workaround solution, which was to use the code I pasted below.
$w.onReady( function () {
var style1 = “vh;height:” + 91.00 + “vh” ; //change 86.57 to whatever you calc
$w( “#text20” ).html = “<” + “h1” + " style=" + style1 + “>” + $w( “#text20” ).text + “</” + “h1” + “>” ;
});
However, this solution only works for the desktop version, and it does not work on the mobile version (because the text height can’t be adjusted). I believe this person is having a similar problem as me.
https://www.wix.com/velo/forum/coding-with-velo/adjusting-height-of-strip-on-mobile
It seems that WIX does not provide the feature to automatically/responsively “fill” viewport screens, and I see that so many people throughout the WIX Velo forums are experiencing the similar issue, and still have their questions unsolved for years up until today.
https://www.wix.com/velo/forum/coding-with-velo/solved-set-strip-height-to-viewport-size
https://www.wix.com/velo/forum/coding-with-velo/height-responsive-site
https://www.wix.com/velo/forum/coding-with-velo/setting-strip-height-to-viewport-size
https://www.wix.com/velo/forum/coding-with-velo/responsive-strip-height-page-height
https://www.wix.com/velo/forum/coding-with-velo/responsive-strip-height-1
https://www.wix.com/velo/forum/coding-with-velo/responsive-site-auto-adjusting-strip-image-to-screen-size
https://www.wix.com/velo/forum/coding-with-velo/make-strip-respond-to-screen-height
https://www.wix.com/velo/forum/coding-with-velo/how-do-i-make-wix-recognize-screen-resolution-so-my-strip-goes-full-screen
https://www.wix.com/velo/forum/coding-with-velo/full-screen-strip
https://www.wix.com/velo/forum/coding-with-velo/full-screen-strip-1
https://www.wix.com/velo/forum/coding-with-velo/how-to-design-this-kind-of-dynamic-page-automatic-screen-filling-for-different-screen-sizes-possible
I would really appreciate any help.
Thank you.