Homepage Video Shifts to the right side once PLAY button is Clicked

Store Design

Topic summary

A user reported an issue with the Refresh theme where a homepage video section appears centered initially but shifts to the right side of the page after clicking the play button, with only half of the video remaining visible.

Solution Provided:

  • Navigate to: Admin > Online Store > Edit Code
  • Locate the file: video-section.css
  • Add the following CSS at the end of the file:
    .video-section__media video {
  left: 0;
  top: 0;
  object-fit: cover;
}
  • Save the file after making changes

Status: The issue was successfully resolved. The user confirmed the solution worked and marked it as accepted.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi All,
Hope someone can help with this issue please:

Theme : Refresh
Issue : Video section and thumbnail on Homepage is showing correctly centered on the page.
Once the Play button is clicked, the video shifts to the right side of the page with only half of it visible.
Sample below :

Amanda266_1-1720008530053.png
Amanda266_1-1720008530053.png699Ă—332 3.9 KB

2

Hello @Amanda266

can you please share the Site URL and password (if enabled), so i can check and give you the best solution..!

3

Thanks @parth_ghelani
https://www.smileybubblybaby.com/

Video at the bottom of the page.

4

You just need to follow below steps:

  1. Go to admin > Online store > edit code.

  2. In code directory, find the file named “video-section.css”, and scroll down at the end of the file.

  3. Copy below mentioned code and paste it at the end of the suggested file.

.video-section__media video {
  left: 0;
  top: 0;
  object-fix: cover;
}
  1. Don’t forget to save the file after changes.

Hope this solution works best for you.

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

Best Regards

Parth_Ghelani

1 Like
5

Brilliant :clap:
Thank you so much @parth_ghelani