• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

removing scroll bar from product pages

Explorer ,
Jan 22, 2014 Jan 22, 2014

Copy link to clipboard

Copied

I need to remove the scroll bar that appears on the product pages. It doesn't matter if I have only one product or 100 on the page with the small images, I still get a scroll bar on the right side. I've tried adding and removing margins and padding, set the container height to auto, and removed the previous and next buttons from the shop templates, all to no avail. It appears to be caused by the table that holds the products, but no change to the code fixes it.

I have included a screen print of the top of the page showing the scroll bar. There are only 3 images on this page and plenty of room below them. Overflow has been set to auto (and/or visible) on the container, the table, and the page.

print-screen.jpg

So, can anyone tell me how to shut off that scroll bar? I can't find that code that includes it so I can't see what's going on.

Thank you for you help.

Sincerely,

Ahurani

TOPICS
Newbie Corner

Views

419

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 22, 2014 Jan 22, 2014

Copy link to clipboard

Copied

Got a link?

How does a person navigate down your site if you turn the scroll bar off? If you mean that you got a lot of space below your products you want to get rid of, if you provide a link, people like myself can have a look a the html and css and identify the issues for you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 23, 2014 Jan 23, 2014

Copy link to clipboard

Copied

LATEST

Liam,

Thank you for answering.

I didn't want to turn the scroll bar on the page off, but the scroll bar that appears in a div container. I finally solved the problem by turning overflow: auto to overflow: hidden. And smacked myself in the forehead and said, "Duh. I knew that." Too tired and too close to the problem I guess.

The only other thing I can't seem to find is the large space that appears above a product table. I've tried everything from margins to padding and beyond.

Sorry about not including the url. I have used the forum so rarely that I didn't think of that. It is www.whimsicalley02.businesscatalyst.com, just in cases you want to look at the big space on Harry Potter > Accessories and on the large product page. I'd love to tuck the product closer to the breadcrumb, but if that is not possible, then c'est la vie.

Thank you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines