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

ZephyrShop
Excursionist
50 0 4

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. 

 

https://zephyrshop.org/

 

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

Replies 3 (3)

AnneLuo
Shopify Partner
199 42 48

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.

 

AnneLuo_0-1710835681242.png


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 contact me on luomingxia@shinetechsoftware.com.

BOOST-STAR
Shopify Partner
102 8 13

Hi, ZephyrShop

I hope you are doing Great.

 you can try Image optimization tools
Online image optimizer tools are a simple, fast (and usually free) way to resize your website’s images. Here are three popular image optimization tools.

1.Image Resizer
2.Image Optimizer by Squirai
3.LoyaltyHarbour Image Optimizer

- Call Us BOOST STAR
- Was our reply helpful? Give us BOOST ... We mean 'Like'
- Was your question answered? Marked us reply as an Accepted Solution

Anshul_arora
Navigator
296 70 50

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 https://prnt.sc/jZ-XqbgY8sjW

2. Now you can change the Slide height.

Anshul_arora_0-1710846715616.png

 

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