Disable Horizontal Scroll Bar on Navigation Web Part in SharePoint 2010

Question

How do I disable the horizontal scroll bar on a web part (actually it's in zone 1 on a navigation blog page web part) in SharePoint 2010? I set the the length to 5.5 inches to get a vertical scroll bar which is what I want--but now the horizontal shows up. The only way that I can get rid of the horizontal is to adjust the width to 1.7 inches which is too wide cause it cuts off half of the horizontal scroll bar. Any ideas on how I can resolve this will be GREATLY appreciated.

Answer 1

You need to create a CSS style for this div with scrollbar and set x-overflow:hidden; (http://www.brunildo.org/test/Overflowxy2.html) If you provide me an HTML source of this div I'll create you the full CSS style, it's simple.

Here's the screen for Internet Explorer 8 or higher (http://gyazo.com/1d8ff0c3e6021aa5cd887b9298a2ba93.png):

It's the first part of the puzzle - you need to find the right div id - it will be very similar to mine.

Next - add a content editor webpart, hide it's chrome to make it invisible and edit the content HTML to add required CSS style. See my example made for you (http://gyazo.com/e20b53ab587667d61628c98ea7de31cf.png):

And finally I show you the full style definition (don't forget to use your own right div id!):

<style type="text/css">
#WebPartWPQ5 {
    OVERFLOW-X: hidden !important
}
</style>