Change slideshow image size on mobile - Brooklyn

Store Design
1

Hi there,

At the moment my slideshow image is set to ‘full screen’ but I would like to change this on Mobile so that is is 2/3 of the full screen. Can someone help?

Thanks

1 Like
2

@GBSshop
Hi,
Welcome to Shopify Community.

Kindly provide me your Shopify Store URL.
So that we can help you.

Thank you.

3

Hi that’s fine i think i already worked it out. For those who are interested i used the following code at the bottom of Theme.scss.liquid:

@media screen and (max-width: 768px){
.hero {
height: 75vh;
max-height: 75vh;
}
}

75 is essentially a % of full screen so you can amend this if you want more or less than 75% of full screen. This is for mobile only. I dont know much about coding but i changed both the ‘height’ and ‘max-height’ when making my edits.