I’m concerned that when a user goes to the top of a drop-down menu, he/she will go to one of the sub-menu items (children) rather than the top (parent) where I want them to go first. When the cursor hovers the top item changes color, but the sub-items are more prominent as in picture below - so user may move down to the lower choices before releasing mouse,
I know I could disable submenus and force user to parent page, but I’d prefer to give user the choice - I just want to put the parent page more prominently as the first choice.
Any suggestions?
PS - I’m using the Solitude theme, which I like very much, and have gotten great support from them
If your theme gives you the ability to change menu colors (text and background, static and hovered, main and sub), just make sure that the parent menu is much more contrasty and the children menu is slightly less contrasty. That would not only draw more attention of a viewer to the parent menu, but even be better from the accessibility point of view.
If the theme can not be tweaked in this respect, ask its developer (or another forum user) for a CSS snippet that will override the theme’s navmenu colors. Sorry, can’t help you with CSS myself.
If your theme gives you the ability to change menu colors (text and background, static and hovered, main and sub), just make sure that the parent menu is much more contrasty and the children menu is slightly less contrasty. That would not only draw more attention of a viewer to the parent menu, but even be better from the accessibility point of view.
If the theme can not be tweaked in this respect, ask its developer (or another forum user) for a CSS snippet that will override the theme’s navmenu colors. Sorry, can’t help you with CSS myself.
