I'm using 2017 r2 to create my TopNav help.
Here's a sample of my menu. For a real deliverable, all menu items have submenus - in this example, VMViewRead is just the name of a linked TOC that I had deleted in this test copy of my project. (The orange letters are the end of our company logo.)
When I hover over the unlinked item, it simply turns into a slightly darker shade of blue, with no other changes, as I expect:
But when I hover over a men item that is actually a link, the entire menu item seems to shift to the right, and the menu item appears higher:
Can anyone tell me which CSS entry I should be looking at to fix this issue? I see a number of stylesheet entries relating to "hover".
Thanks for any advice.
TopNav menu item placement - Solved
TopNav menu item placement - Solved
You do not have the required permissions to view the files attached to this post.
Last edited by carmonli on Sun Mar 04, 2018 9:49 pm, edited 1 time in total.
-
- Jr. Propeller Head
- Posts: 3
- Joined: Wed Feb 14, 2018 2:38 pm
Re: TopNav menu item placement
Hi Carmonli.
Try adjusting the padding for the menu in your skin.
Skin Editor > Menu > Menu Item > Padding
Try adjusting the padding for the menu in your skin.
Skin Editor > Menu > Menu Item > Padding
Re: TopNav menu item placement
Thanks, but that didn't solve the problem. I tried making the padding value smaller, larger, and removing it altogether - no difference. I have a support call open with MadCap and they haven't been able to solve it either...
Re: TopNav menu item placement - Solved
MadCap support eventually did find a solution to this problem... a simple fix in the stylesheet:
Code: Select all
ul.navigation > li
{
margin:0;
}