Skip to main content
Nintex Community Menu Bar
Question

sub-navigation color issue

  • July 10, 2024
  • 9 replies
  • 38 views

Forum|alt.badge.img+20


9 replies

Forum|alt.badge.img+17
  • Nintex Employee
  • July 10, 2024

Thanks Pat.

Here is the snarky answer: Make the hover color different than the background color of your nav!

Actually I can’t reproduce the issue. Both the nave and the subnav base state and hover state colors and backgrounds can be specified and seem to work with minimal weirdness. Maybe there is somthing else going on here.


Forum|alt.badge.img+20

Try the same thing with “Clean Green” theme.



Forum|alt.badge.img+20

^^^ bump ^^^


Forum|alt.badge.img+1
  • Nintex Employee
  • July 10, 2024

Same thing on my horizontal nav menu. Both of the options appear selected.


Forum|alt.badge.img+20

^^ bump ^^ still an issue


Forum|alt.badge.img+4

So it appears I’ve managed to fix the issue. I’ve diagnosed it in a manner that should allow a workaround to be implemented in people’s orgs and for skuid themselves to eventually fix the issue.

In short you can fix the problem by doing one of the following:

  1. If you know you are using your own custom theme: (skuid menu) -> theme -> "Themes" -> wrench icon
    If you don't have a wrench icon beside your theme name: your theme is read-only. Two options: you can either clone it and continue, or go with the second solution below:
    

    “Edit Theme” Page → Left-hand menu → “CSS” → Open the Resource Editor by clicking the “</>” box under “Inline CSS” → append the following CSS:

    .sk-subnavigation .sk-navigation-item:hover a { color: inherit; }
    
  2. By adding the above as a CSS Include in your master page.
A short video I've made showing the problem and how to solve it is shown below. Cheers!

Forum|alt.badge.img+20

Woot Wooooooot!!!


Forum|alt.badge.img+17
  • Nintex Employee
  • July 10, 2024

MBlazonry rocking the world!  Way to go guys.  Glad to see you growing! 


Forum|alt.badge.img+4

Re-posted the video (on my new mB channel) here: