Okay
  Public Ticket #860495
Submenus
Closed

Comments

  • Elle started the conversation

    I love the left-menu + columned menus. But whenever I have it set to that setting, and I hover over one of my menu items to see the submenu, the submenu appears even further to the right of the menu item, cutting it off.

    How can I make it so that when I hover over a menu item, the submenu appears directly below it (like it does when the header settings are set to center logo + horizontal menus). 

    You can see what I mean by going to ellegriffin.com and hovering over "FOLLOW" in the menu.

    Thank you!

  •  291
    Paul replied

    Hello,

    You can do that by customizing some CSS of the menu. Please try applying the below custom CSS code:

    .main-menu li ul {
        top: 1.5em;
        left: 0;
    }
    

    If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.

    Hope this helps!

    Regards,
    Paul