Custom coded video to my homepage hero header, works on computer but not mobile screen. Suggestions?

LegacyR_
New Member
5 0 0

I added a custom code video to my homepage hero header. It works on laptop but does not work on mobile. it shows a black and gray. I think that it is caused by the margins. Any suggestions?IMG_1210.PNG

 

 

Reply 1 (1)

PageFly-Richard
Shopify Partner
4322 980 1639

Hi @LegacyR_ 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media screen and (max-width: 749px){
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 24rem;
}
.banner__box {
padding:0;
}
}
</style>

PageFlyRichard_0-1709698808721.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.