[Branda Pro] Admin Menu Customization – Admin Menu Separators

1

Need to access the Admin Menu Separators (wp-menu-separator). I don’t see that this is possible today, but they should be a part of customizing the item positions as well.

Please let me know if I am missing it somewhere.

Thanks,
Ben

  • Prathamesh Palve
    • Tech Support Team Lead

    Hello Ben ,

    Looks like a great feature request to me. Just to confirm, are you pointing to the wp-menu-separator as stated in the screenshot below right?
    [attachments are only viewable by logged-in members]

    This would primarily manage the gaps on the Dashboard sidebar when some items from the removed and that brings in two separators one after the other causing a large gap in there right?

    Please let me know if there is anything wrong in my understanding or if I understood anything incorrectly. I’m looking forward to hearing from you on it.

    Regards,
    Prathamesh Palve

  • Ben
    • Site Builder, Child of Zeus

    That is correct! I want to be able to add a separator bar, move it up or down, or remove it like the other items. This will allow better custom grouping rather than currently, you are at the mercy of where they are with no options.

    I am trying to move to all WPMU DEV plugins & functionalities. This one is getting close, but I still have to use Menu Editor Pro for the functionality it provides.

    Thanks!
    Ben

  • Ben
    • Site Builder, Child of Zeus

    Branda Pro seems to only be a one & done on multisites? Unless I missed a setting somewhere…

    Is there any thought to enabling this per site? Some I feel should be network wide, but much should be per site.

    Thanks!

  • Dimitris Kalliris
    • Support Team Lead

    Hey there! :slight_smile:

    We got some feedback from our designers that there is already a task about having options to hide and/or reorder the dividers in the admin menu. There’s no estimated time that I could provide about the release of the version that will include this improvement though. Please keep an eye for a plugin update notification and all information should be included in plugin’s changelog.

    Warm regards,
    Dimitris

  • Havard @ BLOOMFACE
    • New Recruit

    This workaround is great :nerd::v:

    1. Add custom link with a class such as ‘adminmenu-separator’

    2. Style that class in the Custom CSS tab

    .adminmenu-separator .wp-menu-name {
        font-size: 0 !important;
        padding: 0 !important;
        margin-top: 15px !important;
        border-top: 1px solid #333 !important;
        padding-bottom: 15px !important;
    }

    3. Hide default separators

    .wp-menu-separator {
        display: none !important;
    }

    Kind Regards,
    Havard

  • Havard @ BLOOMFACE
    • New Recruit

    Here is complete styling that totally replaces the default separators with custom links made with Branda :nerd::v:

    #adminmenu .adminmenu-separator .wp-menu-name {
        font-size: 0 !important;
        padding: 0 !important;
        margin-top: 15px !important;
        border-top: 1px solid #333 !important;
        padding-bottom: 15px !important;
    }
    #adminmenu li.adminmenu-separator:hover,
    #adminmenu a.adminmenu-separator:hover {
        background-color: transparent !important;
    }
    #adminmenu a.adminmenu-separator:hover {
        box-shadow: none !important;
        cursor: default !important;
    }
    #adminmenu .wp-menu-separator {
        display: none !important;
    }

    Kind Regards,
    Havard