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.

cyberkiwi

Asked: 2012-03-28

Advertise Here

1 Solution

LVL 83

leakim971PluritechnicianCommented: 2012-03-28

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

LVL 58

cyberkiwiAuthor Commented: 2012-03-29

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!

LVL 83

leakim971PluritechnicianCommented: 2012-03-29

you're welcome!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Fix Javascript / CSS to remove unwanted scrollbar

Join & Write a Comment Already a member? Login.

Featured Post