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

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

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.

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

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.