Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1175906
    geminiy
    Participant

    Hi,

    I am trying to center a submenu item in a new row (see screenshot). I tried a couple things that did not work:
    1) create 3 columns using the ‘Ubermenu Advanced Items’ ‘Column’ menu items, and in the middle column, placing my content. If the 1st and 3rd columns were empty, it had no effect. If I put something else in the 1st and 3rd columns, it was more centered, but I don’t want content in the 1st and 3rd columns.
    2) In the submenu tab of the content I am trying to center, I tried setting “Submenu Content Alignment” = Center, but this seems to have no affect as well. (screenshot attached)

    Thanks in advance for your support.

    #1175916
    geminiy
    Participant
    This reply has been marked as private.
    #1176148
    Paul R
    Moderator

    Hi,

    To center it, you can add this under Custom > Edit Global CSS in the Customizer.

    
    .ubermenu .ubermenu-submenu .ubermenu-column {
        vertical-align: middle;
        display: inline-block;
        float: none;
    }
    
    .ubermenu-submenu  {
        text-align:center;
    }
    

    Hope that helps.

  • <script> jQuery(function($){ $("#no-reply-1175906 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>