Solved

Fix Javascript / CSS to remove unwanted scrollbar

Posted on 2012-03-28
3
556 Views
Last Modified: 2012-03-29
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
Comment
Question by:cyberkiwi
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 37780233
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
 
LVL 58

Author Closing Comment

by:cyberkiwi
ID: 37781108
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
 
LVL 82

Expert Comment

by:leakim971
ID: 37781523
you're welcome!
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap show icon when mobile text when computer or tablet 3 35
css issues with IE 11 8 33
Where is java script information saved? 2 50
Change div area and length 1 26
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question