Why does my banner get cut off in mobile view?

Store Design
1

Hello,

My sliding banners keep getting cut off at the sides when browsing with mobile.

Kindly assist! website: huxley.sg

Thank you!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.slideshow__media.banner__media {
height: auto !important;
}
.slideshow__media.banner__media img {
position: static !important;
}
3

I do not have have theme.css (either I don’t have it or I can’t find it)

I paste it under theme editor and it doesn’t work.

Screenshot 2022-02-08 at 5.32.38 PM.png
Screenshot 2022-02-08 at 5.32.38 PM.png1638×501 112 KB

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.slideshow__media.banner__media {
height: auto !important;
}
.slideshow__media.banner__media img {
position: static !important;
}
5

Thank you this works!

2 Likes
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.