I'd like my hero (with video background) to appear at full height. So I've activated the ‘full height row’ tab. It works perfectly on the computer mode but the mobile version is much larger. I tried adding a piece of CSS code by adding 100vh but I didn't get the desired effect. Could you help me?
On my Salient console, the top and bottom padding were empty in the row. I still switched to 0px to make sure and it didn't change anything. The switch seems to happen at 999px and smaller.
Hello,
I'd like my hero (with video background) to appear at full height. So I've activated the ‘full height row’ tab. It works perfectly on the computer mode but the mobile version is much larger. I tried adding a piece of CSS code by adding 100vh but I didn't get the desired effect. Could you help me?
Thanks in advance for your help.
Thomas
Hi Thomas,
Thank you for getting in touch.
Try removing the 40% padding top and bottom you have set for the row and see if this helps.
Try this and let us know how it goes.
Thanks,
Hello Andrew,
Thanks for the quick feedback.
On my Salient console, the top and bottom padding were empty in the row. I still switched to 0px to make sure and it didn't change anything. The switch seems to happen at 999px and smaller.
Hey Again,
You need to remove the padding for the Tablet and Mobile Viewport. See screenshot: https://prnt.sc/WSbH6EnpKp2W
Thanks.
ThemeNectar Support Team
Thank you Tahir!
I'm new to the theme and had missed the mobile and tablet part...
Thanks again!