Way to add a border to the top nav menu when displayed

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
kerimucci
Propeller Head
Posts: 59
Joined: Thu Nov 02, 2017 3:38 am

Way to add a border to the top nav menu when displayed

Post by kerimucci »

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!
You do not have the required permissions to view the files attached to this post.
Jbleasdale
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

Post by Jbleasdale »

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.
Joe Bleasdale

My Linkedin

Image
kerimucci
Propeller Head
Posts: 59
Joined: Thu Nov 02, 2017 3:38 am

Re: Way to add a border to the top nav menu when displayed

Post by kerimucci »

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.
Post Reply