What's your biggest current challenge? Have your say in Community Polls along the right column.

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

Solved

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

bnbrown88
Excursionist
34 0 9

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

 

 

Accepted Solution (1)
DaisyVo
Shopify Partner
988 126 141

This is an 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;
}
}

 

image (6).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 3 (3)

DaisyVo
Shopify Partner
988 126 141

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. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
bnbrown88
Excursionist
34 0 9

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
Shopify Partner
988 126 141

This is an 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;
}
}

 

image (6).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution