endless side bar

Shopify Discussion

Topic summary

Main issue: a sidebar on a Shopify store extends to the bottom of the page; the requester wants it to end at the “bundles” section instead.

Key steps and clarifications:

  • Store URL was shared for review. The exact desired stop point (“bundles”) was confirmed.
  • Visual references were provided via screenshots to illustrate the target layout.

Solution provided:

  • Add custom CSS to the theme.liquid file, placed just before the closing tag, to constrain the sidebar to end at the bundles section. (CSS = styling rules for layout; theme.liquid is a core Shopify theme template.)
  • A before/after screenshot preview demonstrated the expected result.

Notes:

  • The actual CSS snippet content is referenced but not visible in the provided text. Screenshots are central to understanding the intended outcome.

Outcome and status:

  • The requester confirmed the solution matched their needs and expressed thanks.
  • The issue appears resolved; no further open questions were raised.
Summarized with AI on December 11. AI used: gpt-5.
10

Thanks for sharing this context.

To achieve this please add the below css code at the bottom of the theme.liquid file just before the closing body () tag.

And once you have implemented this code the sidebar would show up as given on the screenshot below:

Screenshot 2024-12-23 at 4.22.06 PM.png
Screenshot 2024-12-23 at 4.22.06 PM.png2834Ă—1298 331 KB

I hope this helps!

If my response helped you, please consider giving it a like ( :+1: ) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.

Regards,

Abhishek from Swym

2 Likes