Hover color show on first visit

Hello,
The Button doesn't have LEVEL 1 show correct, but the Button has the LEVEL 1 show the HOVER COLOR on first visit then after i click on any page they all looks fine.....

I do have Color on LINK AND HOVER only also i add "#" to the button doesn't have LEVEL 1 for LINK...

again thanks for reading and little advice PLEASE

Could you provide a link to your site that you are experiencing this error so I can take a look at it? I'm not quite understanding your issue with your explanation of it.

How are you Jimmy????
Here is the link...thank you

sanpedrofashion.com/

So the reason why these menu items are being highlighted is because those menu items have # as the url. The menus get highlighted based on the current url, which is sanpedrofashion.com/ and # is interpreted as the same thing. If you want to set up mod_rewrite on your server to rewrite sanpedrofashion.com/ to index.php, so the url isn't interpreted as the same.

thank you Jimmy,

Tell you the truth that I don't know what you talking about when " set up mod_rewrite on your server to rewrite " and search on internet and it is scary.....

BUT I changed "#" to "../index.php"

<li class="parent"><span><span><a href="#">pants</a></span></span>

and looks Ok but when I click on button (main) then shows the hover color again....
Jimmy
How can I void this kind of problem for next time, because i never had it.

again thanks for your help

Do you have a server administrator or hosting provider? If you have either, you should be able to ask them for assistance in setting up mod_rewrite to forward to the index.php page when sanpedrofashion.com/ is entered into the url. You would want to keep the menu items as # and just have the sanpedrofashion.com/ be forwarded to the index.php.

Jimmy,

I have four domain names,hosting with same company.
but it doesn't happen to other websites and i created the Pages with Menu, Contact form and Css.....only happen this site....thanks i will ask them anyway

Let me know what they say.

I wouldn't be able to tell you why your other menus show up the way they do without knowing how they're setup.

thank you Jimmy,

I will let you know....have nice day

Hi James,

If you don't get the mod_rewrite sorted out, you could consider this:

At the moment you have all the Parent (level-0) links pointing to index.php. If you go to any of those or their children (level-1, level-2 etc) then the Parent link (being index.php) will show the current (also hover) state.

You will need to change the parent links in one of two ways, - either pointing it to the first child link of that page, or creating a generic page for that category, i.e:

For the 'Tops' parent link, you could either direct it to (say) 'top_kid.php', or create a page that perhaps shows an item from each of the three categories with a link to each of the three child pages ('top_kid.php', 'top-junior.php' and 'top-miss.php').

<ul class="level-0" id="cssmw">
              <li><span><span><a href="index.php">Home</a></span></span></li>
              <li class="parent"><span><span><a href="hats.php">Accessories</a></span></span>
                <ul class="level-1">
                  <li><a href="hats.php">Hats</a></li>
                </ul>
              </li>
              <li class="parent"><span><span><a href="top_kid.php">Tops</a></span></span>
                <ul class="level-1">
                  <li><a href="top_kid.php">kids</a></li>
                  <li><a href="top_junior.php">juniors</a></li>
                  <li><a href="top_miss.php">misses</a></li>
                </ul>
              </li>
              <li class="parent"><span><span><a href="pant_junior.php">pants</a></span></span>
                <ul class="level-1">
                  <li><a href="pant_junior.php">juniors</a></li>
                  <li><a href="pant_miss.php">misses</a></li>
                </ul>
              </li>
              <li class="parent"><span><span><a href="dress_junior.php">dresses</a></span></span>
                <ul class="level-1">
                  <li><a href="dress_junior.php">junior</a></li>
                  <li><a href="dress_miss.php">missy</a></li>
                </ul>
              </li>
              <li class="parent"><span><span><a href="activwear_women.php">activewears</a></span></span>
                <ul class="level-1">
                  <li><a href="activwear_women.php">women</a></li>
                </ul>
              </li>
              <li><span><span><a href="store_list.php">store list</a></span></span></li>
              <li><span><span><a href="contactus.php">Contact Us</a></span></span></li>
            </ul>
            <script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw.intializeMenu('cssmw',{select_current: 1, orientation: 2}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw.intializeMenu('cssmw',{select_current: 1, orientation: 2}); }, true); }</script></td>

Changing that in your template should update all your pages (but possibly not the index.php page - so you may have to make the same changes there).

The index.php page that opens would not have the 'Home' link in current state by default, but if you added a meta refresh to the existing index.htm page: <meta http-equiv="refresh" content="0;URL=index.php" /> then it could (depending on your server's config) recognise that first, redirect to index.php - and then the 'Home' link would have current state from the start. If index.htm (with the refresh) doesn't do it, then save it as index.html and upload that which should do it.

An example of how that would work can be found temporarily here.

It's also possible that I may be missing the point here?