Submenu different background and font color than main menu
I am unable to figure out (1) how to change the a submenu background color, and (2) how to make the main page for which the submenus are under not have clickable link to that page. When I drag my mouse over the menu item “STATA” the background of the subpage is green and the font color is blue. I would like this drop down menu to be the same color as the menu (both the background color and the font color (and bolded font)). Then, when I drag my mouse over the submenu, it changes to what I want it to look like except that the green part of the background (I want it to be the same light color of the background on the original menu.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi Kyle
The sub menu colors can be edited by inserting the following under Appearance > Custom CSS:
/* Origami Sub Menu Colors */ #menu ul li ul { background: #F5F5F5; border-color: #DDDDDD; border-top: 1px solid #E4E4E4; } #menu ul li ul li a { color: #606060; }To make a parent menu item be un-clickable add a Link not a Page to your menu. When you add the link add a # as the url. Once the Link item has been added you can then remove the # from the url field.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.