Disappearing menu navigation text

  • Resolved zozorainbow

    (@zozorainbow)


    10 months ago

    The menu navigation text that is being hovered disappears (or turns white). I would like the current page being viewed to be underlined. I do not want a change in text upon hover. How can I do this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Dillon Lanier

    (@dillonlanier)

    10 months ago

    Often you can edit this behavior in the theme customizer, just poke around and look for where you can edit the header, and then narrow down to menu styling. This is the best option.

    You can also use custom CSS to get the result you are looking for. This CSS will work, but you need to have an appropriate place to add it (also usually in the theme customizer).

    .genesis-nav-menu .current-menu-item > a {
    text-decoration: underline !important;
    color: black !important;
    }
    ul.menu a:hover {
    color: black !important;
    }

    Farook Kholwadia

    (@judgerookie)

    10 months ago

    Hi

    You can add the following code in your Additional CSS but either replace #ffffff with the colour you want OR replace with unset (only checked on desktop). You can use the same CSS for the active link too.

    .genesis-nav-menu a:hover {color: #ffffff; text-decoration: underline;}

    Farook

    Thread Starter zozorainbow

    (@zozorainbow)

    10 months ago

    i found the customization within the theme, thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Disappearing menu navigation text’ is closed to new replies.