Navigation Bar (Hovering and Post-Clicking)

  • Hello,
    I am needing to edit a few things in my navigation bar.
    I know the files Theme.CSS amd Superfish.CSS can do some of what I want, but I am not able to find all the necessary code.

    When I click on a button in my navigation bar, I included a Sprite control, which makes it seem as the button is being “pressed down”.
    When this is happening (not really a hover, but rather after hovering and as you click the button), I am needing to change the color of that tab I am clicking on.

    Similarly, I am needing to change the color of the navigation tabs of my site, so that when I am on a specific page (for example when I am on the “Contact” page), the “Contact” tab would be a specific color, and the rest of the navigation tabs are a different color.

    I hope this makes sense. Please let me know if you have any direction in this…

    My site is https://www.DanielHaddad.Org ; as of now, when the “Contact” tab is clicked, the tab stays gray, versus blue (which is what I want).

    Thank you for all your help,

    Daniel

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

  • Highlighting current page

    #primary-nav li.current-menu-item, #primary-nav li a:active {
background-image:url("../images/navi_sprite.png");
background-position:center bottom;
background-repeat:no-repeat; }

    Thread Starter ledan09

    (@ledan09)

    Thank you for your help!

    I didn’t know what to do with the #primary-nav li.current-menu-item?

    Or do I put all you wrote me in my Theme.css exactly as you have them?

    The 2nd part (#primary-nav li a:active) seemed to have fixed my 2nd problem (of keeping the tab blue when on that specific page).

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation Bar (Hovering and Post-Clicking)’ is closed to new replies.