Video Section Popping Out?

Technical Q&A
1

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_0-1719325650240.png1442×1203 150 KB

Micrologicals_1-1719325666690.png
Micrologicals_1-1719325666690.png1517×1219 163 KB

2

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

3

@Micrologicals

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

step.png
step.png1865×854 125 KB

  • 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
BSSTekLabs_0-1719334483991.png1101×883 132 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.