Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Improve BuddyPress nav menu design and UX when large number of menu items

Find Answers and Get Support Forums Cera – Intranet & Community Theme Feature Requests Improve BuddyPress nav menu design and UX when large number of menu items

This feature has been accepted by the Themosaurus team and will be implemented soon

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Sam
    Participant
    • 18 Topics
    • 41 Posts
    @sjregan
    Up
    0
    ::

    In our BP communities, when a number of BP plugins are activated the nav menu items list width can exceed the available page width causing the menu items to wrap. This doesn’t look as professional as the rest of the Cera theme.

    I would like to see the default styling on this improve.

    Additionally, I would love to see the same kind of handling that the Kleo theme does (creates an additional drop-down menu for the excess menu items).

    I have attached both the Cera and Kleo approaches.

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    Hi @sjregan,

    Thank you for your great feedback! We really appreciate your will to improve Cera! 😀

    To be clear, are you referring to the primary or the secondary BuddyPress menu? My understanding is that Kleo seems to handle this the same way as we do. On your screenshots, I see the excess primary BuddyPress menu items wrapped under an extra icon, which is what we do with “…” when the screen is too small (Please see attached.)

    However, you seem to be referring to the secondary BP menu in your screenshots of Cera, the one containing “All members, My Friends, My Groups, Mentions”. Am I correct?

    Thank you.

    Andrea
    Participant
    • 26 Topics
    • 133 Posts
    @youfriend

    I was thinking about a sub-menu with only icons and tooltips, it would also be more efficient on mobile

    Sam
    Participant
    • 18 Topics
    • 41 Posts
    @sjregan

    @themosaurusrex yes, that is correct, it would be great if you could do something similar for the secondary BP menu as you are doing for the primary BP menu.

    I was just testing out your primary menu navigation and it seems to behave a bit oddly (spacing, z-index, non-responsive). Please see attached screenshots.

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    @sjregan Thank you for confirming this. Also, thank you for bringing this to our attention. This menu is dynamically created with JS but it seems that it is not reactive enough. I’ve notified our dev team and they will work on some improvement.

    I agree with @youfriend. Displaying only the icons for the secondary menu should look nice on small screens and it is an improvement that we can provide in future releases.

    What do you think guys?

    Andrea
    Participant
    • 26 Topics
    • 133 Posts
    @youfriend

    I think will be rlly cool, something like the new facebook style!

    Sam
    Participant
    • 18 Topics
    • 41 Posts
    @sjregan

    Icons only could work nicely, there will be a few challenges with it:

    1. Touch screens cannot support tooltips.
    2. Plugins that add new nav menu items would all have the same icon (so setting icons would need to be fully supported in child themes via CSS).
    3. The number of icons may still exceed the available window width on small devices.
    4. Careful design consideration will need to be applied to icons that have an item count and those that don’t – this will easily look odd.

    It would be great if it was configurable, either through WP admin setting or a filter to decide whether to use icons only or same style as primary BP nav.

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    @sjregan @youfriend Thank you both for you suggestion. I’ll mark this request as “Accepted” and move it to our task list. I cannot disclose any release date as we have a lot on our plates right now.

    Feel free to add more replies to this topic if you have further idea.

    We’ll be back to you with updates on this feature.

    Thank you both for contributing to Cera! 😀

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site

Decoration sticker
Decoration sticker
Decoration sticker
Decoration sticker