Navigation
Archive / Left Aligned Dropdown Menus
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 22, 2016 at 11:24 am #1267071
    Nuera
    Participant

    Hi there, I’m working on http://schultz.nueramarketing.com/

    I always apply the following code to every site with dropdowns because it looks way better. 

    /* Left Align Drop Down Menus */
.masthead-inline .x-navbar .sub-menu {
    left: 0 !important;
}

    But this site features a second tier of dropdowns which are now overlapping with my left-aligned 1st tier dropdowns. Can you help me figure out a way to move that second tier to their own space? Perhaps to the right of the 1st tier?

    Many thanks!

    November 22, 2016 at 11:42 am #1267090
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

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

    
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 235px !important;
}

    Thanks.

    November 22, 2016 at 3:31 pm #1267353
    Nuera
    Participant

    SO GOOD!

    Thank you kindly 🙂

    November 22, 2016 at 7:33 pm #1267626
    Jade
    Moderator

    You’re most welcome.

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