Under my "licensees" page I have a submenu and it displays very strangely. Can you give me the code to make the menus display below each of the menu items listed above it? I would even be nice if they would either be aligned along the left or possibly indent slight for the bottom 3 pages. Image attached.
Please try using the custom CSS like this to adjust that:
#menu-wrapper.horizontal-menu .main-menu li ul li ul {
left: 15px;
top: 40px;
}
Just put the code into "Style Customizer > Others > Custom CSS" box. You will then get the result as: http://cl.ly/image/1o3c133F0419
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Under my "licensees" page I have a submenu and it displays very strangely. Can you give me the code to make the menus display below each of the menu items listed above it? I would even be nice if they would either be aligned along the left or possibly indent slight for the bottom 3 pages. Image attached.
Hi Sara!
Please try using the custom CSS like this to adjust that:
#menu-wrapper.horizontal-menu .main-menu li ul li ul { left: 15px; top: 40px; }
Just put the code into "Style Customizer > Others > Custom CSS" box. You will then get the result as: http://cl.ly/image/1o3c133F0419
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Regards,
Paul
Perfect!