Video Section Popping Out?

[Micrologicals]

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!

 

[BSSCommerce-HDL]

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 😍

[BSS-TekLabs]

@Micrologicals 

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

- 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:

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