How to remove extra space below hero image?

Store Design
, , , ,
1

How do I remove this space below my hero image?

xammyja_0-1679021819000.png
xammyja_0-1679021819000.png1284×2778 461 KB

URL: https://karimadon-philippines.myshopify.com/
PASSWORD: niajuy

2

Hello @xammyja

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

3

Hi @xammyja

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

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

@media only screen and (max-width: 767px)

#shopify-section-template–18236999008545__facdc3ef-699f-4ea6-9f55-480ae4b6d94f .hero-slide {

height: 75vh !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly