How can I adjust image height in slider for mobile view?

Topic summary

A user seeks help adjusting slider image height to 80% specifically for mobile view on their Shopify store.

Solution Provided:

  • Add custom CSS code to the theme.liquid file, placed above the </head> tag
  • Access via: Online Stores > Themes > More Actions > Edit code
  • Locate theme.liquid file and paste the provided code snippet

Outcome:
The original poster confirmed the solution worked and thanked the responder. The issue appears resolved with this CSS-based approach targeting mobile viewport dimensions.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

Hi guys,

How can I set the height of the images in Slider in mobile view about 80%.

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

Thank you,

Hi @collins276

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

Thank you :folded_hands: :grinning_face: