I’ve scoured the postings and none of the solutions work. I have the Srudio theme and there’s a huge padding below my hero video banner. It’s not a YouTube video. It’s a download then uploaded to files video. Any help with the coding would be greatly appreciated.
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
Thank you!
Website: https://nailedbyniki2swt.com/
It’s not a live theme currently, only draft as I can’t get the mobile view right. The padding only occurs when viewed in mobile. Here is the current coding:
@media screen and (max-width: 767px) {
.main-content .videoBackground {
margin-top: -35px;
}
.videoBackground .fullscreen-video-wrap {
z-index: 3;
}
.videoBackground .videoBox {
min-height: 500px;
height: 100%;
position: relative;
padding: 0;
}
.videoBackground .fullscreen-video-wrap {
position: relative;
min-height: 300px;
}
.videoBackground .videoBoxInfo {
padding: 40px 20px;
width: 100%;
}
}
{% schema %}
{
“name”: {
“en”: “Video Background”
Can send you the password offline please.