• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 562
  • Last Modified:

Fix Javascript / CSS to remove unwanted scrollbar

Hi Experts,

Can anyone have a look at this site and fix an issue with a scrollbar (inactive) which shouldn't be there at all?

http://roros360.com
Zoom out of the map a few times until you see a pin marker, click on it
In the popup, click on the link
Near the bottom of the screen to the left of the right sidebar is a tab containing a left arrow, click on it.
An overlay will scroll left.

Notice here that the overlay has a scrollbar on the right, which will never activate (due to sizing).  That is the thing I need fixed - for it not to appear.

Thanks for looking.
0
cyberkiwi
Asked:
cyberkiwi
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
In this file : http://roros360.com/wp-content/themes/WPLocator/style.css
look for this line :
.box_content{ overflow:scroll; height:100%; padding-right:20px; overflow-x:hidden; }

Open in new window

replace it by :
.box_content{ height:100%; padding-right:20px; overflow-x:hidden; }

Open in new window

0
 
cyberkiwiAuthor Commented:
Thank you sir! You have saved the day. I didn't actually overwrite it but I see where you are coming from.  I updated custom.css to set {overflow-y:auto} on the same css-selector.

Once again, thanks!
0
 
leakim971PluritechnicianCommented:
you're welcome!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now