https://onki.ai/ when our site onki.ai loads, instead of the video it shows “no image” for a second first, and then the video shows up. and the video doesn’t scale properly on desktop, cutting off an important part when on wider screens. it also compresses the proportion when on a phone. any clue h…

Hi @inlander , Can you let me know which component you are using to add the hero video?

just using a script i found online. shopify (surprisingly) doesn’t have any theme allowing hero video

Can you provide the code to me. I will modify the code and provide you the solution

{%- if section.blocks.size > 0 -%} {%- for block in section.blocks -%} {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%} {% if block.type == 'video' %} {%- if block.settings.video_link != blank -%} {% endif %} …

[bg.png] Hi @inlander , Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code just above tag For no image, Please upload the attached image and provide the link to me .

Hi @inlander , Looks like you have not added the fix. If you want to add it to your site, please let me know.

@theycallmemakka your earlier code didn’t work. any clue how to fix it?

Hi @inlander , I will have to debug this by making changes on the theme. I may not be able to fix this just by looking it into frontend. If you want we to make changes on the site, please let me know.

Why is my hero video not displaying correctly on different screen sizes?

Store Design

inlander October 31, 2023, 2:05am 8

sorry just got around to trying it. your code doesn’t work properly.

with the code added, it doesn’t display the video section at all on a wide screen. it still does display on the phone.

Topic		Replies	Views
Motion theme video hero not working need help Shopify Discussion troubleshooting	1	33	December 27, 2023
Video not displaying in video-hero section Store Design customizations , collection-page , landing-page , third-party-themes , shopify-themes , troubleshooting	7	405	September 21, 2024
Hero Video code not working for mobile. Can anyone help me? Store Design design , css , html	3	102	February 23, 2024
Hero video - not full width size and cut video Store Design design , customizations , css	6	104	July 1, 2023
RIDE THEME- How to add video to hero banner instead of image? Shopify Discussion troubleshooting	5	194	September 27, 2024

Why is my hero video not displaying correctly on different screen sizes?

Related topics