Video Background Button

[harmoniefeuer]

I made a video background on my homepage of the store. The problem is that sometimes the video does not load on the phone. Is there a way to fix it? + The button on the video does not show on the phone. AND i want to make the button text bold

My shopify store link: harmoniefeuer.com

Theme: Dawn

Thank you in advance!!

[Kyle_liu]

Hi @harmoniefeuer

Is this the effect you need?

1. Edit theme code

2. base.css

3.Add the following code at the end of the file

@media screen and (max-width: 767px) {
  .videoBackground .fullscreen-video-wrap {
    position: absolute;
    min-height: 300px;
    z-index: -2;
  }
}

[harmoniefeuer]

its not working for me

[Kyle_liu]

Hi @harmoniefeuer

1、Customize

2、Select the section you want to modify, such as: Image banner

3、Add code in the Custom CSS area

@media screen and (max-width: 767px) {
  .videoBackground .videoBoxInfo {
    padding: 2px 20px;
    width: 100%;
    position: absolute;
    min-height: 185px;
  }
}

[harmoniefeuer]

Thank you it worked! Can i somehow make the button text (Jetzt Kaufen) bold?

[Kyle_liu]

In the same way, add the following code

.videoBoxInfoBtn {
font-weight: bold;
}