Responsive / Adaptive Web Design Assistance

[ECOM_beginner]

Subject: Removing Gap Between Slideshow and Product Sections on Homepage

Hello Shopify Community,

I’m experiencing an issue with my homepage layout where there is a noticeable gap between the SLIDESHOW section and the PRODUCT section.

What I Need Help With:

I’d like to remove this gap while maintaining the responsive/adaptive design of the site. Ideally, I’d like the ability to freely adjust the height so that the sections align seamlessly without unnecessary spacing between them.

Any guidance on how to modify the Liquid or CSS code to achieve this would be greatly appreciated.

Thank you in advance!

Photos attached. 

[ECOM_beginner]

[DaisyVo]

Hi @ECOM_beginner 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.

[ECOM_beginner]

Hi DaisyVo, 

Thanks for the prompt response. Photos are in the reply. Sending login info to you now. 

[ECOM_beginner]

Hello Shopify Community, 

Still searching for a solution to the problem of spacing between sections. The screenshots are in the reply. There is one screenshot showing no spacing, this is what I am aiming for. This was achieved by reducing the font size in the browser to 90%. 

All comments and feedback are appreciated.

Thank you.