Solved

Why is my banner button not visible on mobile?

GriffinOffline
Tourist
4 0 1

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/

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7721 1502 1510

This is an accepted solution.

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 Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7721 1502 1510

This is an accepted solution.

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 Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

GriffinOffline
Tourist
4 0 1

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


dthdfghdfghdfg.PNG

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