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.
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.
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!
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