Debut Theme - Desktop banner images not scaling when reduced to mobile!

Store Design
1

I have made custom images for the banner images which are fine in the desktop version but don’t scale when reduced to a mobile version?

I have tried a few codes in a test version I have found in other discussions but can’t seem to get any to work!

Thank you!

1 Like
2

@Twid1

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.

3

Thank you - URL is: https://www.twiddleco.com.au/

4

@Twid1
Kindly share your store Password.
Thank You.

5

ahmpau

:slightly_smiling_face:

6

@Twid1

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (max-width: 749px) {
.hero--medium {
    height: 130px;
}
}
7

Sorry, this didn’t work. The image still doesn’t reduce to mobile size. Any other suggestions?

1 Like
8

@Twid1

yes please add code and let me know

9

As in leave the code in there even though it didn’t work?

Thank you