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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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