How can I adjust the size of slideshow images for mobile view?

Hi,

I need help making my desktop and mobile homepage slide show pictures the same size. On desktop mode, the pictures are the right size but when i switch to mobile mode the pictures are zoomed in a little to much making a cutoff on the pictures. i played around with the slide height button options adapt to 1st image and full screen but those do not help with my mobile picture image of being too big. i also seen a similar question to mine regarding pictures sizes and the solution was to post this code (inserted below) but that did not make a change

@media screen and (max-width:480px){
div#shopify-section-hero-1 div#Hero-hero-1 {
height: auto;
}
div#shopify-section-hero-1 div#Hero-hero-1 .hero__inner {
padding: 30px 0;
}
div#shopify-section-hero-1 div#Hero-hero-1 .hero__inner .hero__btn {
margin-top: 4px;
}

But this did not fix my issue either

1 Like

@KennedyM16

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

also try this way

https://www.mojoin.com/show-shopify-banner-image/

my store is not open yet so i hope i am sending the correct URL.

https://the-kdm-experience-hair-co.myshopify.com/admin/themes/126555783365/editor

1 Like

can you please share your shop password

@KennedyM16

thanks for URL

bt sorry its password protect