Quick Video Fix for Mobile

Store Design
1

I noticed that our video looks great on desktop but is cutting off on the right side when viewed on mobile. It’s focusing too much on the left, and since this is a fashion site for women, it’d be better if we could adjust it to show more of the right side or maybe fit the whole video size?

Can you help with this? Thanks a bunch!

https://sheeksorority.com/collections/handbag

2

Hello @Sheeks

IT happened because of header

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .header-inner{ gap: 4px !important; } .header-icons-box{ gap: 4px !important; } }

niraj_patel_0-1722756665058.png
niraj_patel_0-1722756665058.png317×297 130 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

towards end of the video yes, those girl come to screen
but from start they didnt
I wish that either only focus on those two girl from start till end or the whole video displayed
is it posssible?

4

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .video-text-overlay-media * { object-fit: fill !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

I am sorry, also not working ;(