Board Thread:Support Requests - Designing Your Wikia/@comment-2177054-20150930102003


 * NOTE: Here is the link to the page with a problem: designsTabberSpongeBob

I am trying to get this code to work in Chrome and display horizontal scroll bar as it does in Firefox and IE 11:

/* designsTabber */

.designsTabber ul.tabbernav { white-space: nowrap !important; overflow-x: auto !important; width: 281px !important; line-height: 2.5em !important; border: none !important; }

.designsTabber ul.tabbernav li { display: inline-block !important; float: none !important; }

.designsTabber ul.tabbernav li a:hover { border: 2px solid black !important; font-weight: bold !important; }

.designsTabber .tabbertab { border: none !important; }

I can confirm that the source of the problem is "white-space:no-wrap" being ignored, since if I just remove that one rule, scrollbar will be gone in IE11, Firefox, Chrome, making everything look the same as it is in Chrome right now.

So, how to make "white-space:nowrap" to not be ignored and thus horizontal scrollbar displayed in Chrome? 