How can I eliminate the extra scroll bar on my product page?

Store Design

Topic summary

Main issue: Product pages show two vertical scroll bars, causing scrolling to get stuck on mobile and sometimes on desktop. The store owner asked how to remove the extra scrollbar.

Context and details:

  • A responder requested the store URL for targeted guidance; the owner provided lizzyjames.com and clarified the issue occurs on product pages.
  • Another responder advised editing the theme by going to Online Store > Edit Code, opening theme.liquid, and adding code right below the tag (HTML body element).

Key gap:

  • The provided code block was empty, so the exact snippet to add was not supplied. No screenshots or additional technical details were shared.

Status and outcomes:

  • The store owner acknowledged the replies with thanks, but no confirmation of a fix was reported.
  • No concrete solution is documented yet; the discussion remains open and unresolved.

Next steps needed:

  • Provide the actual code snippet intended for theme.liquid or further guidance after reviewing the shared URL.
Summarized with AI on January 2. AI used: gpt-5.
4

Hi @Onegawad ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just below tag

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

2 Likes