NT11 doubledrop menu display

[Mike McLoughlin]

Just upgraded an app to NT11 (using C10) and the double drop menu display has changed - please see attachment.

Have I missed out some CSS or is this the way the menu looks now with jQueryUI 1.12.1?

Mike

(using NT11.15)

[Bruce]

Hi Mike,
there is a new horizontal menu widget in NT11, but the look is all controlled by CSS.
Yours does look a bit weird with all the underlining, but I'd need to see an example to show you where the css is coming from.

cheers
Bruce

[Mike McLoughlin]

I'll poke around a bit with F12, and if I can't see it I'll get back to you.  mainly I'd like to get rid of the blocky look.

thanks

Mike

[Mike McLoughlin]

I'm getting an HTML error in the F12 inspector

<nav id="menu_div"  class=" nt-menu-div ui-corner-br"><div id="menu_burger" class="nt-noprint nt-small-menu"></div>

Is the div for the menu burger in the wrong place?

[Bruce]

What's the error? (Perhaps a screenshot...?)

[Mike McLoughlin]

it was just a closing div not found msg.  The surplus > after "nt-noprint nt-small-menu"  looks like the problem.

I found where the menu items underline is coming from -

a:visited, span.MsoHyperlinkFollowed {
    mso-style-noshow: yes;
    mso-style-priority: 99;
    color: purple;
    text-decoration: underline;
    text-underline: single;
}

Is MsoHyperlinkFollowed from MS Office???

I attach a screenshot of the CSS for the menu buttons

[Bruce]

Hi Mike,

>> I found where the menu items underline is coming from -
>> a:visited, span.MsoHyperlinkFollowed {

what css file is that in? It does not look like one of mine...
Perhaps it's built-in as a browser default - what browser are you using?
Is the page online somewhere I can see it?

cheers
Bruce

[Mike McLoughlin]

I can't find what css file it's in.  It can't be browser related because it appears in all 3 main browsers. 

I'll let you know when I make this version live on my server so you can see it for yourself.

At the moment I'm trying to overwrite it with custom css.

thanks

Mike

[Mike McLoughlin]

Found the answer to this one - its a bit obscure but somebody else *might* get the same issue.

My "home page" is a static HTML with Welcome msg, links to training videos etc.  In this HTML was some inline CSS which was affecting the menu display.

I removed the Mso.....css from the static HTML and problem solved