How to crop this picture so you can see products (Refresh theme)

52 0 6

How to crop this picture so you can see the products because when you enter my website you can see a giant picture and you have to scroll down to see the products.


Screenshot from 2024-03-19 07-07-58.png

Replies 2 (2)

Shopify Partner
507 104 98

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the section on the homepage and add the following code to the custom css box.

@media screen and (min-width: 750px){
   .slideshow {
      height: 45vh !important;


After modification, you can see the product.



If you will unable to implement the same then I'm happy to do this for you, let me know.
I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

389 110 78

Hello @ZephyrShop ,

I understand you are looking to change the size of the banner image, so that feature collection will appear without scrolling.

You can change the banner height using the theme customizer.

1. Open the Theme Customizer -> Click On Slideshow

2. Now you can change the Slide height.



I hope the solution helps.

Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here