Navigation
Archive / Center and Align Uber Menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 13, 2017 at 9:44 pm #1405799
    Joce
    Participant

    Hello,

    I tried to align by the middle with my logo uber menu unsuccessfully.
    Could you help me with that ?

    My website : http://showcase.dev.logitout.com

    I have the same problem on my mobile version

    March 14, 2017 at 2:12 am #1405982
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .ubermenu-main {
	margin: 0 auto !important;
	max-width: 750px;
	float: none;
}

    Mobile menu looks centered. If you still want it a bit left then use this CSS as well :

    .ubermenu-responsive-toggle {
	margin-left: -30px;
}

    Hope this helps.

    Cheers!

    March 14, 2017 at 6:30 pm #1407246
    Joce
    Participant

    Thanks for your answer.

    March 14, 2017 at 8:12 pm #1407403
    Nico
    Moderator

    Let us know how it goes.

    Feel free to ask us again.

    Thanks.

    March 15, 2017 at 7:49 pm #1408900
    Joce
    Participant

    It works. Thanks

    March 16, 2017 at 2:08 am #1409210
    Rue Nel
    Moderator

    You’re welcome!
    We’re glad we were able to help you out.

    March 19, 2017 at 8:30 pm #1413149
    Joce
    Participant

    I have another question.
    I try to align the picture and the menu name (please find the attachment).
    Is there is possibility to align that ?

    March 20, 2017 at 5:08 am #1413436
    Lely
    Moderator

    Hi There,

    Do you mean center align it? Please try this custom CSS:

    .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    text-align: center;
}

    Hope this helps.

    March 20, 2017 at 6:17 pm #1414300
    Joce
    Participant

    Hi,

    Thank. It works.

    March 20, 2017 at 9:29 pm #1414520
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again

    Thanks.

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