CSS issue with last build 2.5.0+build.2021.04.29.15.02.30.7d834e754

Hello

Seems like the "more" word is added in the menu bar over the first tab name
Is it intentional ? is there any new setting ?

thanks

I recall you implemented custom CSS for the canvas tab menu. Remove that custom CSS and retry. We've a new auto-overflow handling behavior for our tab menu and menu usages. It works as follows.

Desktop:


Responsive:


Responsive Menu:


This eliminates needing a hamburger menu and will show as many menu items as it can based off space available before going responsive.

Good catch

I did not even remember it, solved

Thanks a lot

Hi again

I have noticed that on Groupjive menu on small screens the more button always appear, thus hiding the first menus and this is a bad user experience for new users.

Honestly I prefer the old behavior with scrolling and an indication of scroll ability like this one activ-ha.com/pages/13-campagnes-marketing/55-activ-h-a-negopack

This feels much more user friendly on mobiles where people are used to sliding.

How can I retrieve the old behavior for all menu ? and remove the more button ?

There should not be a more button in CB GroupJive as the current build doesn't have any of that implemented. It doesn't have the root CSS class that's responsible for styling the new behavior so it can't impact GJ. CB GroupJive will still use the hamburger menu until next major GJ release. You can see that this is the case on our demo site below.

demo.cbdemosites.com/demos/cb-groupjive/all-groups/1-community-builder-add-ons/26-cb-template-changer

I'm guessing you added custom CSS to CB GroupJive as well.

A major CB GroupJive release is already being worked with a full UX pass and its tab menu updated to the new responsive usage.

Honestly I prefer the old behavior with scrolling and an indication of scroll ability like this one activ-ha.com/pages/13-campagnes-marketing/55-activ-h-a-negopack

That was terrible UX and is why it was replaced with a hamburger usage a lot time ago. The scrollers were hard to tap on mobile and hard to notice.

This feels much more user friendly on mobiles where people are used to sliding.

Left/Right scrollers aren't mobile friendly. It disrupts the direction flow of mobile which is scrolling down to suddenly scroll left/right and depending on how things overflow users may not even realize there's more content left/right.

How can I retrieve the old behavior for all menu ? and remove the more button ?

Write custom CSS to style it to however you like.

Left/Right scrollers aren't mobile friendly.

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.

But ok we'll keep our own css