How can I resize slider images for mobile view in Featured Product?

Hi all,

I’d like to reduce the slider images size in Featured Product in mobile view so it would appear as the violet blocks.

Please check my url: https://189ee3-2.myshopify.com/

Thank you guys so much,

Hey @collins276

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Thank you! Can you help me to increase the column gaps a bit?

Hey @collins276

Keep the previous code and add this new code above in the end of theme.liquid file

.slider.slider--tablet .slider__slide {
    padding-right: 20px !important;
}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Thank you :grinning_face:

Thank you Oliver!!!

Hi,

I’d like to set the height of the image of 85%. Can you please help with some codes?