Reducing Size of Desktop Version of Video Section Only

Store Design
, , ,
5

Hi @Micrologicals ,

I have reviewed your requirement , I think you just need edit css script in base.css and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

view.png
view.png1845×731 86 KB

Step 2: Search base.css and add the script css custom font in the end of file:

@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%;
    }
}

Step 3: Save and reload page in storefront.

=> The result:

view.png
view.png1166×925 102 KB

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!