Navigation
Archive / Ubermenu Submenu Vertical Alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 24, 2017 at 3:21 pm #1343719
    thnicholl
    Participant

    Hi,

    I’ve looked everywhere, but can’t seem to find an option to change the vertical alignment of my flyout submenu:

    http://www.gardens-and-other-stories.com/

    Basically, I want to lower it a little so it’s aligned with the bottom of the navbar and not to the ubermenu.

    Thanks,

    Thibault

    January 24, 2017 at 9:11 pm #1344154
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .ubermenu-submenu-drop {
    margin-top: 12px !important;
}

    Thanks.

    January 25, 2017 at 11:09 am #1344977
    thnicholl
    Participant

    Perfect! Thanks!

    Quick other question re ubermenu: is there a way of styling top elements individually? I want to make the ‘Subscribe’ Button slightly smaller with a green background.

    Many thanks,

    January 25, 2017 at 1:03 pm #1345100
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can use CSS like this :

    .ubermenu-item-414 > .ubermenu-target {
  background-color: green;
  color: #fff !important;
}

.ubermenu-item-414 > .ubermenu-target:hover {
  background-color: red;
  color: #fff !important;
}

    Hope this helps.

    January 28, 2017 at 7:10 am #1348804
    thnicholl
    Participant

    Perfect. Thanks!

    January 28, 2017 at 7:18 am #1348810
    Thai
    Moderator

    You’re most welcome 🙂

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