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 · Accepted solution]

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;
}