How do you get rid of the default scroll bars on service portal?

gregholcomb
Tera Contributor

These vertical and horizontal scroll bars always appear when using Google Chrome as the browser.   My page ends up having two vertical scrollbars and one ineffectual horizontal scrollbar.   I am using the Istanbul version.   Any way to disable this?

Edit:   Originally I was under the impression that it was only Google Chrome that had the issue with the embedded scroll bars, but as I checked on other browsers (Firefox and Internet Explorer), I noticed that they all have a problem, Internet Explorer being the worst of the three.   With Internet Explorer, the vertical scroll bars are stacked on top of each other.   I am using Windows 10 and all of my browsers are up-to-date.   Below are some screen captures for clarity.

scroll_chrome.PNG

Google Chrome

scroll_ff.PNG

Firefox

scroll_ie.PNG

Internet Explorer

1 ACCEPTED SOLUTION

boatner
Tera Contributor

I tried Dan's suggestion, and while it didn't work in my instance, I discovered what does work with a hint in the right direction.



In your css file
body {


overflow:auto!important
}


View solution in original post

19 REPLIES 19

Interesting. Unfortunately I have no further information to offer at this point. If nobody else comes up with anything, I recommend reaching out to customer support. I'll be curious to hear what they have to say.


Hi, I have the same problem. This is in Chrome, using Istanbul.   I have experienced the same thing with Geneva and Helsinki
Tested in IE Microsoft Edge 38.14393.1066.0




scrollbars.jpg


Hi,
We have the same issue on Geneva Patch 2.



Possible (temporary fix, please test thoroughly) CSS workaround which works for us:



section.page {


  overflow-x: hidden; /*Temp work around for Horizontal scroll bug - Try remove this post upgrade 171106 //Dan */


}


Hi @Dan_Berglin can you please tell me where the section.page css is wriiten I can't find it on my portal Homepage?

boatner
Tera Contributor

I tried Dan's suggestion, and while it didn't work in my instance, I discovered what does work with a hint in the right direction.



In your css file
body {


overflow:auto!important
}