Video Banner, spacing, font and banner box is off!

[bnbrown88]

See picture for reference:

I have 3 major issues:

1. My video banner is shorten. How to I lengthen it to take up the entire space.

2. My banner box is too long and interferes with the video. How do I shorten the box and make it smaller to match the size of text above.

url:ausomeapparelco.com

[DaisyVo]

Hi @bnbrown88 

Sorry, but we couldn't get your point. Could you please elaborate on your request further?

Thank you!

Best,

Daisy - Avada Support Team. 

[bnbrown88]

Sorry,

1. My video banner does not cover the entire space. It's leaving a lot of white space. I want to make it larger

2. My banner box that displays the text "Shop all"  is too long and interferes with the video on mobile view. How do I shorten the box?

url:ausomeapparelco.com

[DaisyVo · Accepted solution]

Hi @bnbrown88 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
div.banner.video-background {
    min-height: unset !important;
    height: 212px !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.