Why is my product image too big on mobile with Sense theme?

Store Design
1

ZBZoid_0-1661459703614.png
ZBZoid_0-1661459703614.png413×755 91.5 KB

Theme: Sense

https://enflameds.com/products/smart-eye-massager-13099

2

Hi @ZBZoid !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width:749px) {
div#Hero-1589121959912 {
height: 280px;
}
}

Best Regards;

Pagefly

3

Dont have a /theme.scss.liquid file or a theme.css file all I have is a base.css and it didn’t work when I put it in there.

4

Hi @ZBZoid !

Add this code at the end of base.css file

.section-template–15729564713215__16458613466fe46cf3-padding img {

width: 100%;

height: auto;

max-width: 800px;
}

5

Didn’t seem to work