Impulse Theme - Remove small image on product grid

[pernillehdk]

Hi There,

Can anyone help me on how to remove the small image on the product grid on my landing page https://justorganize.dk/?

Thank you very much in advance

[PageFly-Amelia]

Hello @pernillehdk

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.type-product__image:nth-child(2) {
   display: none !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[pernillehdk]

Thank you so much! It worked

[PageFly-Amelia]

You’re welcome

[pernillehdk]

Now when I look on mobile - how do I get the remaining image to be full width?

[Sweet_Savior_3]

Add below code in base.css file:

@media only screen and (max-width: 1024px) {
.promo-grid .type-product__image:first-child {
max-width: 100%;
}
.promo-grid .type-product__images {
margin: 0;
}
}

OUTPUT:

Thanks

[pernillehdk]

Thank you so much!