Why doesn't my website's video banner button appear on iPhone view?

Store Design
, ,

Topic summary

A user is experiencing an issue where a video banner button on their homepage displays correctly on desktop but disappears when viewed on iPhone.

Root Cause Identified:
Another user inspected the site (amaiahouse.com) and found CSS code in the theme.liquid file that explicitly hides the button on mobile devices:

@media screen and (max-width: 767px)
.videoBoxInfoTitle, .videoBoxInfoInfoBtn {
    display: none;
}

Recommended Solutions:

  • Search theme files for this CSS code and delete it to allow the button to display on both mobile and desktop
  • Check Theme Customizer settings for a “mobile button” toggle option

Current Status:
The original poster is having difficulty locating the specific code snippet in their theme files and is seeking clarification on which code to delete. The issue remains unresolved as they await further guidance.

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

Im working on my desiging my website, and i added a video banner with a button to my homepage. And the button doesnt appear on iphone view and i cant figure out how to resolve the issue.
please help me

1 Like
2

Is there anyway to get the url of your site so we can inspect it?

3

Sure

https://amaiahouse.com/

4

You have some code here, which looks to be placed in the theme.liquid file.

@media screen and (max-width: 767px)
.videoBoxInfoTitle, .videoBackground .videoBoxInfoBtn {
    display: none;
}

This code hides your button on mobile. I would check to see if there are any settings in you Theme Customizer, check for some type of “mobile button” option.

If nothing is there, you can search your theme files for the CSS I posted above and delete it, which should show the button on mobile and desktop.

5

Hello,

thank you for your help.
i coupdnt find the code you shared nor the show button option in theme settings

these are the codes i found in my theme.liquid

do i delete these?