Product section

Store Design
, , ,

Topic summary

A user reported two layout issues on their Shopify store: excessive spacing between the product slideshow and description, and randomly arranged images within the description section.

Two solutions were provided, both involving custom CSS code:

Solution 1 (Moeed):

  • Add CSS code to theme.liquid file above the </body> tag
  • Includes a screenshot showing the expected result

Solution 2 (PageFly-Richard):

  • Add CSS code to theme.liquid file above the </head> tag
  • Also includes a visual reference screenshot

Both responses provide step-by-step instructions for accessing the theme code editor through the Shopify admin. The main difference is the placement location of the CSS snippet (before closing body tag vs. before closing head tag).

Status: The issue has received two potential solutions but no confirmation yet from the original poster on whether either approach resolved the problem.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello, I have a very large gap between the product slideshow and the description. The images in the Description section are arranged randomly.

Store URL: besthomestayl.myshopify.com

1 Like
2

Hey @U_John

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1742301481496.png
Moeed_0-1742301481496.png1894×910 260 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @U_John

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

PageFlyRichard_0-1742347183250.png
PageFlyRichard_0-1742347183250.png1920×953 82.5 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly