I tried fiddling with the code as suggested for other themes, but it didn’t fix the issue. Video looks the appropriate size on android phone.
Hi @variehook
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.color-background-1.gradient deferred-media.video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings {
padding-bottom: 40% !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Maybe reduced it 5 percent. I tried changing the padding to 25% and that didn’t help either.
Hi @variehook
Sorry for missing your message
I checked your issue again and noticed that you seem to have deleted the video.
In case you need anything else, don’t hesitate to let us know.
Thank you so much.
I put the video on the home page back up…sorry about that. Appreciate you looking at this again.
1 Like
You can try again with this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code code in tag → save.
.video-section.isolate.page-width.section-template–16618341138664__5c96a783-4875-4a19-a1b7-9b444af21acd-padding deferred-media.video-section__media.deferred-media.no-js-hidden.gradient.global-media-settings {
padding-bottom: 45% !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
No change. Thanks for trying.
Hi @variehook
Sorry, you can try again with this code:
.video-section__media.deferred-media {
padding-bottom: 40% !important;
}