Video on homepage blocking drop down menu on mobile only

Store Design
, , ,

Topic summary

A user encountered an issue where a video on their homepage was blocking the dropdown menu, but only on mobile devices. The desktop version functioned correctly.

Key Details:

  • Problem isolated to the homepage video; other pages unaffected
  • Theme: Taste
  • User wanted to keep the video and design intact

Resolution:

  • PageFly-Oliver provided a solution involving custom code
  • Steps included: editing theme.liquid file in the theme code editor and adding specific markup at the bottom
  • The solution successfully resolved the mobile menu blocking issue

Status: Resolved. The user confirmed the fix worked perfectly.

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

IMG_BB01602D11C3-1.jpeg
IMG_BB01602D11C3-1.jpeg1284×2778 160 KB

Can any one please help me?

I have put a video on my home page but on my mobile site, the drop down menu is blocked by the video. It’s not an issue on any other page, so it seems that it is just the video causing the issue. No issue on desktop version.

website is: www.miffiescoffee.com

Theme: Taste

2

I don’t want too, I’ve designed the site and I like how it looks. It should be easy enough to overcome with the right code I just don’t know what it is.

3

Hi @RossLo ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

4

that worked perfectly thanks so much!