- This topic has 1 reply, 2 voices, and was last updated 1 year, 7 months ago by
.
Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
Hi again,
I have a small issue and I’m wondering what the most efficient way to fix this is…
I embed a lot of MP4 clips throughout my posts using the following “Custom HTML” block…
<video width="630" height="350" style="display: block; margin: auto; max-width:100%;" autoplay="" muted="" loop=""> <source src="/wp-content/uploads/2022/09/vertecverticaljump.mp4" type="video/mp4"> Your browser does not support the video tag. </video>This works great on desktop as per below,
but on mobile there’s huge padding at the top and bottom and it looks like this,
I didn’t have this issue using this custom html video embed method until switching to GeneratePress…
Should be an easy fix with some styling to add negative padding to top and bottom for mobile devices, but I’m not quite sure if this is the best way or where to put the code (in each custom html block or on some stylesheet somewhere?)
Much appreciate your help!
Customer Support
Hi there,
can you share a link to that page so i can see whats causing the issue ?
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.