Video Section Popping Out?

Video Section Popping Out?

Micrologicals
Tourist
14 0 4

Hello! 

 

I am attempting to reduce the size of the video section on my website: micrologicals.com

I am using this bit of code:

 

@media screen and (min-width: 770px) {
    .video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings {
        max-width: 500px !important;
        text-align: center !important;
        padding-bottom: 70% !important;
        left: 25%;
    }
}

 

However, for some reason, when I press play on the video, the section pops out. I am hoping to find a way to keep the video section from doing that. Thank you!

Micrologicals_0-1719325650240.png 

Micrologicals_1-1719325666690.png

 

 

Replies 2 (2)

BSSCommerce-HDL
Shopify Expert
997 335 396

Hi @Micrologicals, Try adding this code along with your code: 

deferred-media.video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings[loaded="true"] {
    left: 0 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-TekLabs
Shopify Expert
391 123 131

@Micrologicals 

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.js-vimeo {
 left: 0px !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1719334483991.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency