Home Page video doesn't fix the container plus it covers my logo (which is below the video)

Store Design
, ,
1

This is my websiet www.speedyharmony.com

Hey everyone! I have two questions for you:

1st of all: I tried to upload my logo centered in the video but seems that the z-index is putting the “cover image” below the video. As you can see when you first load the page you able to see the logo for a second while the video is loading.

2nd: In the mobile version the video has a black banner as it doesn’t fit the container.

How can I fix that?

Thanks for helping

2

Hi @SpeedyHarmony ,

You have added a poster on the video. The poster of a video is something that’s visible untill the video is loaded.

To add the logo centered in the video, please add below CSS on the theme.liquid file.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

makkaomakka_0-1701882427710.png
makkaomakka_0-1701882427710.png1258×828 118 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka