Hi everyone!
Can anybody advise how to remove the horizontal scroll when the floating group (menu) to the left is reduced in size?
I’ve tried adding the below CSS, but that didn’t work.
#menu { overflow-x: hidden; /* Hides the horizontal scrollbar */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ scrollbar-width: none; /* For Firefox */ } #menu::-webkit-scrollbar { display: none; /* For Chrome, Safari, and Opera */ }Anybody? I’ve still not managed to figure out a fix for this…
Is there any fixed width or Min width for this menu or any of its menu items ?
Check the width of the buttons and image on the top. One of them ( or all of them) probably have a min width or fixed width bigger than the menu width
Hi, yes, the menu is fixed width and the menu items are the same. Is this why I’m seeing the problem?
I went with a fixed approach and hid on slide as the UI felt cleaner and less laggy (for want of a better word).
Yes that’s the reason why you see this problem. You need to have your menu and all its items without any Min width or fixed width. It has to be totally responsive.
Thanks for the feedback. Can you think of a better way to avoid the visibility delay as seen in the dashboard text here? At the moment, I’ve got it to not be visible when the floating group width < 200. Anything less than that and it jumps down to the row below when its sliding back. Thanks
f
