Impulse Video Hero on Mobile showing white dot

Store Design

Topic summary

A white dot appears on mobile devices when using the Impulse theme’s video hero section with Vimeo on product pages. The dot seems linked to button/heading elements and moves when text alignment changes.

Attempted Solutions:

  • Removing text from buttons and headings (unsuccessful)
  • Checking for conflicting customizations (unsuccessful)
  • Reviewing video hero section settings (unsuccessful)
  • Switching to YouTube instead of Vimeo (partially successful, but introduced a new issue where the video zooms in on the second loop on mobile)

Working Solution:
Adding the following CSS code to the theme’s Custom CSS section successfully removes the white dot:

.vimeo-mobile-trigger { display: none; }

Multiple users confirmed experiencing this same issue. The CSS fix appears to be the most reliable workaround, though the YouTube zoom issue on mobile remains unresolved.

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

I’ve added a video hero section within a product page template, with the video linking to Vimeo. I selected the video hero because I noticed the standard ‘video’ section does not auto play whereas the hero version does. On desktop, all is fine, however when I test out on my mobile you can see on the attached that there is a white circle. I removed all the text from any buttons or headings however I think it is linked to this because when I change the text alignment the dot moves with the change.

Is there a workaround for this or any way to make the standard ‘video’ section auto play on a product page?

Thanks
Mark

IMG_1919.jpg
IMG_1919.jpg1148×1857 153 KB

2

To help you with the issue you’re experiencing with the white circle appearing on the mobile version of your video hero section in the Prestige theme, I recommend trying the following steps:

  1. Check for conflicting customizations: If you have made any custom modifications to the theme code, it’s possible that there may be a conflict causing the white circle to appear. Revert any recent changes or customizations you made to see if the issue persists.

  2. Review the video hero section settings: Go to the theme customization settings and locate the video hero section. Check if there are any options related to the appearance of the white circle or the video controls. Disable or adjust these options to see if it resolves the issue.

  3. Consider using the standard ‘video’ section: If the video hero section is causing the white circle issue and you prefer to use the standard ‘video’ section, there might be a way to enable autoplay. However, please note that modifying theme code is required for this approach.

3

Thanks for the advice. None of those have proofed fruitful, so I think I’ll try to add code to enable autoplay for the standard video section.

4

Update: I’ve tried YouTube which works much better however I’m now
experiencing an issue where on mobile, after it autoplays through once, on
the second loop it zooms in. Any ideas on how to fix this?

Thanks
Mark

1 Like
5

I am also getting this white dot on a video hero element. Did you ever figure out a solution?

1 Like
6

Hello,

I’m having this problem as well. Has anyone found a solution for this yet? Would really appreciate it.

Thank you in advance!

7

I was having the same issue with the white dot on mobile. I ended up finding a solution and wanted to share it here in the hopes that it can help some

You need to add the following CSS code:

.vimeo-mobile-trigger { display: none; }

For me, I did it in the “Custom CSS” section in the theme editor, and that did the trick

1 Like