How to make video banner text and button visible on mobile devices?

Store Design
, , ,
1

Hi !

I added a video banner on my homepage and it has some text and botton section on it. However on mobile devices the text header and botton are not visible. I think i need to add something or correct inside this peace of code below (base.css):

@media screen and (max-width: 767px) {
    .videoBackground .videoBox {
        padding: 100px 20px 80px !important;
    }
    .videoBackground .fullscreen-video-wrap {
        position: absolute !important;
        z-index: 1 !important;
    }
    .videoBackground .videoBoxInfo {
        padding: 10px !important;
    }
   .videoBackground .videoBoxInfoBtn {
        z-index: 1 !important;
    }
}

Appreciate any help!

2

@Anakosta

Please give us the URL then we will able to help you.

3

https://gheelove.com/

here it is. thank you!

4

The text and botton are under the video with a black backround. May be just with making backround white it will bw enough.

Thank you for your help