Main Menu Hover

  • I have a site I’m trying to finish at turner.pdtest.com
    On the main menu there is a main menu link to a page that says, “Products.” Their is a sub-menu under that page with various product categories. The sub-menu has its own styling as far as background-color, etc. For some reason the parent link, “Products,” isn’t showing it’s hover color or images. I don’t know if this is something in the css or what the problem is. Does anyone know what the solution to this is?

    Thanks!

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can’t add the same styling to an inline element as you would a block element.

    Consider posting on a CSS-specific forum like https://csscreator.com/forum for this type of CSS-specific support.

    Thread Starter BradVotava3

    (@bradvotava3)

    Andrew,

    Thanks for the tip. At least this points me in the right direction.

    Thread Starter BradVotava3

    (@bradvotava3)

    Andrew,

    An un-ordered list usually displays vertically. I need to display those menus inline. Could you be more specific? How can I display both menus horizontally, without making the list items inline elements? When I try to display as block level elements it doesn’t work. Are you sure this isn’t a wordpress problem rather than a css problem?

    Thanks!

    Brad

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you sure this isn’t a wordpress problem rather than a css problem?

    Yes, try Googling “How can I display menus horizontally”.

    How can I display both menus horizontally, without making the list items inline elements?

    Two words: CSS float.

    Thread Starter BradVotava3

    (@bradvotava3)

    Will try that. Thanks for your help!

    It’s a little old now but one of the early definitive articles on this topic was https://alistapart.com/article/taminglists
    Still an excellent read.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Main Menu Hover’ is closed to new replies.