Let me disagree with this. All mobile apps rely on sliding left and right to access uses (take iOS Apple Mail for an example)
We implemented PWA with joomla so that the website behaves like a web app and sliding menu are very user friendly.
For hints, it's easy to implement a small line under the menus as we did.

Sliding tabs shouldn't be used for critical navigation which is what our tabs are and is why it results in bad UX for us. We also needed a solution that works for desktop and sliding navigation just doesn't exist as a UX pattern for desktop. I apologize for not being more clear regarding the context of my comment, but assumed it was understood we were discussing navigation as left/right scrolling is fine for appropriate situations like filters, groups, photos, etc.. basically sets of homogeneous content.

The result is I decided to go with an overflow menu. This is similar concept to Facebook home page navigation where you've access to 5 menu items then a hamburger menu except ours is dynamic. If we were doing something like a bunch of GJ groups in a module then putting them inside of a carousal scroller instead of pushing the page down would be a good option for sliding navigation. Another good option is the buttons in CB Activity to enable features for a post or the filters in an activity stream and at some point we may utilize these techniques for mobile devices.

At any rate feel free to restyle as you need, but please keep in mind we will make styling changes and sometimes those changes may break yours. In the future it'll be easier to override CBs layouts entirely to better help avoid this as you'll just use a layout override and design whatever layout you need.

Hopefully with CB 3.x when we split our layouts into reusable components it'll be easier for you to implement customizations and we'll be designing for mobile first with CB 3.x so we'll likely be utilizing a lot of mobile techniques throughout CB, but for now we just needed something better than our awful hamburger menu that sometimes wasn't even necessary with only 1-3 tabs.

Looks like you're using a template generated by CB Template Changer and its Template Builder feature. Will update CB Template Changer SCSS files and release a new build. You'll then need to recompile your template in CB Template Changer to update its CSS. New build should be available sometime today.

Looks like it's a conflict with your Joomla template. Specifically the below.

IN: /templates/shaper_helixultimate/css/bootstrap.min.css?1617090540
.col being forced to a min-width of 0 is what is doing it. What Bootstrap version is your Joomla template? Looks like you are strictly using the Bootstrap provided by your template which either isn't Bootstrap 4 or has modified Bootstrap 4 incorrectly breaking expected CSS for core Bootstrap classes. You can add the following CSS override to CB to workaround this, but I highly suggest making sure your templates Bootstrap CSS isn't breaking core classes.


Please keep in mind when disabling CBs Bootstrap that whatever Bootstrap you replace it with should be completely compatible. This means unmodified core classes. It's not possible for us to take into account template developers randomly modifying core Bootstrap classes.