Hello,
I was just wondering if someone can tell me how to add a border to the top nav menu? Not the menu items.
Currently, when I hover over a menu item, the menu opens with a white background. It would look better if it had some sort of outline around it. Please see image attached.
Thanks for your help!
Way to add a border to the top nav menu when displayed
Way to add a border to the top nav menu when displayed
You do not have the required permissions to view the files attached to this post.
-
- Propeller Head
- Posts: 58
- Joined: Tue Mar 21, 2017 3:35 pm
Re: Way to add a border to the top nav menu when displayed
ul.sub-menu is the selector for all of those sub menus. You can put that in your stylesheet and use the usual border styles.
Re: Way to add a border to the top nav menu when displayed
Thank you! I added the following to my CSS and it worked well:
ul.navigation ul.sub-menu {
border: 1px solid #0033a0;
padding-top: 0;
padding-bottom: 0
}
Without the padding, I was getting an odd transparent gap below single menu items.
ul.navigation ul.sub-menu {
border: 1px solid #0033a0;
padding-top: 0;
padding-bottom: 0
}
Without the padding, I was getting an odd transparent gap below single menu items.