Solved

How can I make my Craft theme banner clickable on mobile?

Ana281
Tourist
5 0 1

Hello, I use a code CSS that made my banner Clickable on Desktop but do not work on Mobile, how Can I make banner clickable on mobile?Craft Theme

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7726 1506 1513

This is an accepted solution.

Hi @Ana281 

Please add this additional css code 

@media screen and (max-width: 767px) {
.banner__content { position: absolute; }
}

- 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 5 (5)

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Hi @Ana281 

Could you share your store link?

- 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

Ana281
Tourist
5 0 1

Hi Mate, sure

 

Dalipe.com.br

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

This is an accepted solution.

Hi @Ana281 

Please add this additional css code 

@media screen and (max-width: 767px) {
.banner__content { position: absolute; }
}

- 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

Ana281
Tourist
5 0 1

@Dan-From-Ryviu 

 

thanks mate, now its everything working properly, I will share the FULL CSS code.

 

.banner__content .banner__box,
.banner__content {
max-width: 100%;
}
.banner__content .banner__box .banner__buttons a,
.banner__content .banner__box {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.banner__content .banner__box {
opacity: 0;
}
@media screen and (max-width: 767px) {
.banner__content {
position: absolute;
}
}

 

CRAFT theme

Ana281
Tourist
5 0 1