Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1335155
    baywestchurch1
    Participant

    I have an expanded menu showing everyone page in the menu at the bottom of my page and I use Ubermenu for it, but it justifies to the bottom of each column and not the top. See attached image.

    The top menu of the image is what I currently have in Ubermenu, but the bottom is how I would want it to be styled, with the justificaion at the top, not the bottom.

    #1335193
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1335416
    baywestchurch1
    Participant
    This reply has been marked as private.
    #1335856
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. To properly position the submenu and the indentation of the submenu, please check out the documentation.

    Submenu Position

    Submenu Indentation

    Hope this helps.

    #1336735
    baywestchurch1
    Participant

    Thanks for the response and I’ve read through these. Neither of those documentation addresses what I’m trying to do. It talks about width of columns and depth of columns, but not how to make them justify/align across the top instead of across the bottom.

    Basically, whether the column has 4 items or 2, I want the headers to line up evenly across on the same line, but right now, the way it is styles, it lines up along the bottom of the column. I apologize in advance if I’m staring at the setting and just missing it.

    Any other ideas?

    For what I’m trying to create, which should be simple but I’m not getting it, see the jpeg attached to the the original post. Thanks very much for any help.

    #1337115
    Nabeel A
    Moderator

    Hi there,

    Thank you for writing back. To fix the issue, add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .ubermenu .ubermenu-item.ubermenu-item-level-0 {
        vertical-align: top !important;
    }

    Let us know how this goes!

    #1337842
    baywestchurch1
    Participant

    YES!!!!!!!!!!!!!!!!!!!!! Thanks. That was so frustrating and I knew it had to something not hard to fix.

    #1337925
    Paul R
    Moderator

    You’re welcome! 🙂

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