Sub-menu dropdown positioning

[phil2]

phil2

July 11, 2018 at 7:06 pm

Hi guys,
On a DEV site, I’m having difficulty getting the menu dropdown positioning right. (Login to follow).

There was a large gap between the menu heading and the dropdown sub-menu items.
I found this code: .sticky-wrapper .kad-header-style-three .nav-main .sf-menu > li > ul {top: 82% !important;}
and I have reduced the gap with: .sticky-wrapper .kad-header-style-three .nav-main .sf-menu > li > ul {top: 60% !important;}

I have tried to correct the left alignment of the sub-menu dropdown by adding: ul.sf-dropdown-menu.dropdown {margin-left: 20px;}
but that only seems to work on the left hand menu “Knowledge Base”.
Please could you advise how to get this CSS to also target the sub-menu dropdown under the right-hand menu item “Quality Scorecard”.
Very many thanks,
Phil.