Responsive Menu Link Styling

  • Resolved xiphocoleon

    (@xiphocoleon)


    12 years, 8 months ago

    Hello —

    I have been trying to figure this out for a week and I haven’t quite gotten it. On the following page, only the subpages below “Writing” are navigable links. I want to set the menu so that “Writing” is not clickable, only the category pages listed below it. I have tried changing the pointer style for “Writing” to “pointer” but I cannot get it to work.

    Can you suggest a way that I can set up this menu so that “Writing” cannot be clicked on, or does not appear as a link; instead it only appears as a menu header?

    The site: http://daniellefurfaro.com

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 8 months ago

    Set up a Custom Menu: http://codex.wordpress.org/Appearance_Menus_Screen

    Then for the “Writing” menu item set the Custom Link to be just a hash character (#): http://codex.wordpress.org/Appearance_Menus_Screen#Custom_Links

    Thread Starter xiphocoleon

    (@xiphocoleon)

    12 years, 8 months ago

    Thank you so much. I had tried this before, but abandoned it for something else I thought was simpler.

    Actually, my client decided to go with the top page just being linked to a page that lists all the subcategories, so I won’t be using the # symbol in this case. However, when a user clicks on “Writing” at the top, all the lower links light up green as they also act like they are the “current” page. I have also tried fixing this with the different .menu .current-menu-item a selectors.

    How can I set it so that the submenus do not turn green when the user is on the Writing heading page?

    Thank you again.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 8 months ago

    Something like:

    .menu .current-menu-item ul a {
 color: inherit;
}

    Thread Starter xiphocoleon

    (@xiphocoleon)

    12 years, 8 months ago

    Perfect, again. Thank you so much. You have expedited me through CSS hover headaches. This topic is closed!

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

The topic ‘Responsive Menu Link Styling’ is closed to new replies.