How to adjust banner sizes and button placement for mobile and PC?

Kevin137
Visitor
3 0 0

Im struggeling with my image slide sizes needing to be different on mobile to pc. The banner on pc is way to big and banner phone is to small. and also the buy now buttons are in the way of the picture are they possible to delte and make the whole picture the button?

 

I would appreciate any help i could get.

 

Refresh theme

 

KNSupps.com

Password : kevin

412700568_389310206877585_5989301619827056404_n.jpg

Kevin137_0-1703649029236.png

 

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

You can add this code at the bottom of your base.css file in Online store > Themes > Edit code to make the whole image clickable and hide buy now button

.slideshow__text-wrapper {
	padding: 0 !important;
	max-width: 100% !important; 
}
.slideshow__text { 
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	max-width: 100% !important; 
}
.banner__buttons .button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0; 
}

 

- Helpful? Like or 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

Kevin137
Visitor
3 0 0

Thank you this worked do you have any suggestions about the size problem?

zaczee
Globetrotter
848 46 42

Hi,

 

We need to create separate image upload options for mobile and desktop. To create this we need to customize the slider.liquid code

Kevin137
Visitor
3 0 0

Can you help me with that and if so what do you need from me to do it?