category dropdown hack adjustments

  • Resolved goldmember

    (@goldmember)


    14 years, 9 months ago

    i’m using the process outlined here (https://wphacks.com/how-to-make-categories-drop-down-menu/) to create the horizontal category navigation bar on this site: https://castilloleathergoods.com/.

    “Pool Cue Cases” is the only category that has any child categories so when you hover over that heading, you’ll see the dropdown.

    Two Questions:
    1. how do I make it so that some sort of indicator (i.e. >> or ↓ or ▼) appears right next to that heading so that visitors know to hover over it to see the dropdown????

    2. in Internet Explorer, part of the dropdown gets covered by the rotating image gallery plugin on the homepage. what do i do so that the dropdown appears in front of this content???

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter goldmember

    (@goldmember)

    I got #2 figured out by adding a z-index to

    #navigation li ul { z-index:5; }

    but does anyone know how to answer my first question???

    Thread Starter goldmember

    (@goldmember)

    i learned that i need to make the arrow the background using the code below:

    #navigation li.cat-item-3 a {
background: url('https://castilloleathergoods.com/wp-content/uploads/2010/06/red-arrow.gif') right no-repeat;
padding-right: 20px;
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘category dropdown hack adjustments’ is closed to new replies.