Why is my banner button not visible on mobile?

GriffinOffline · ‎02-19-2024

Hello, I have a custom video banner with a button. However, on mobile, the button disappears. Any and all help is appreciated.

Thank you.

Store link: https://265fc9-14.myshopify.com/

Dan-From-Ryviu · ‎02-19-2024

Hi @GriffinOffline

You can solve the issue by adding this code to the theme.liquid file before <head> in Online Store > Themes > Edit code

<style>
@media (max-width: 767px) {
.videoBackground .videoBoxInfoBtn {
    display: inline-flex !important;
    transform: translate(-50%, -50%);
}
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu · ‎02-19-2024

Hi @GriffinOffline

You can solve the issue by adding this code to the theme.liquid file before <head> in Online Store > Themes > Edit code

<style>
@media (max-width: 767px) {
.videoBackground .videoBoxInfoBtn {
    display: inline-flex !important;
    transform: translate(-50%, -50%);
}
}
</style>

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GriffinOffline · ‎02-19-2024

Thanks so much, Dan. Is there any way to make the button transparent with a border, like so:

And also, any way to change the size and position?

Why is my banner button not visible on mobile?

Why is my banner button not visible on mobile?

Community Blog Articles