Hi Team,
One of my content blocks contains a row with 12 horizontal Tabs. This means that Tabs on the right overflow on any screen under 1140px.
On mobile and tablets you can touch the tabs and a “scroll bar” appears allowing you to scroll to the right. The scroll bar then immediately fades away again. I need to find a way (preferably using CSS) to make the scroll bar permanently visible on all devices.
I’ve tried, unsuccessfully, to force the scroll bar to remain visible using the following CSS:
.x-tabs-list {
overflow-x: scroll !important;
}
Additionally, when viewing the tabs on a small PC screen the only way to scroll is to click one of the tabs and then use the ‘right’ and ‘left’ arrow keys on the keyboard.
This is what “inspector” shows me:
I’ve looked everywhere in the support forums and also via google and not been able to find a solution. Any help would be much appreciated.
Thanks,
Oliver