Forums

[resolved] Current menu item overlaps down state (3 posts)

  1. katemgilbert
    Member
    Posted 2 years ago #

    I used conditional tags to show the hover state when a page is current in my image-based navigation. All works, except now the current state overlaps the down state. See it in action at karminmusic.com

    I am thinking I need to add another condition to show only the current class, but I'm lost. Anyone have any tips?

    Here's the code from header.php:

    <div id="menu">

      <li<?php
      if (is_page('Home'))
      {
      echo " id=\"current_home\"";
      }
      ?>>

      <li<?php
      if (is_page('See'))
      {
      echo " id=\"current_see\"";
      }
      ?>>

      <li<?php
      if (is_page('Follow'))
      {
      echo " id=\"current_follow\"";
      }
      ?>>

      <li<?php
      if (is_page('Store'))
      {
      echo " id=\"current_store\"";
      }
      ?>>

    </div>

  2. alchymyth
    The Sweeper
    Posted 2 years ago #

    i still think if you add lines like this to style.css after your #current_store style, it could possibly resolve your problem:
    li#current_follow a.follow {background:none;}

  3. katemgilbert
    Member
    Posted 2 years ago #

    @alchymyth - YES that worked!!!!! Thanks much!

Topic Closed

This topic has been closed to new replies.

About this Topic