Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Pixel8 "active" state in main menu.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi

I have just started editing Pixel8 template.

Somewhere along the way of editing the main navigation images and padding etc, i have stoped the ACTIVE state of the menu from working. I can see in the theme.css file the image that controls the hover and active image (an arrow beneath the word in the template) but it now only works on the hover.

Is there something obvious i might have changed? is it possible this state has been effected by anything i have done from the backend of joomla by chnaging the menu items etc as i've done that too?

I'm trying to avoid reinstalling.... but maybe thats the answer?

Any help - appreciated as always.

Cheers

Jake
  • jakeholmes1's Avatar
  • jakeholmes1
  • 6 Month Developer
  • 77 posts
  • Karma: 0
The administrator has disabled public write access.
Hey Jake,

This would be something in the css. If you can share a link I could tell you how to fix it.
If the development is local then you can try installing a copy of the template and compare the css styles applied. Using firebug to do this is a good idea.
Sometimes if you have added styles of your own they might be overriding the original css. If you've removed some padding it is possible that the padding was necessary to show the image.
The fix should be easy once you've spotted it so I would not recommend re-installing.

Cheers,
Jason.
  • Jason D's Avatar
  • Jason D
  • 6 Month Developer
  • 2957 posts
  • 12 Thanks
  • Karma: 75
The administrator has disabled public write access.
Hi Jason,

here is the link : www.toastedgraphics.com/newtoast/

I tried replacing all the css i'd edited with the original and it didn't seem to work. I could well have missed something though. If you could have a look, that'd be great.

Cheers
  • jakeholmes1's Avatar
  • jakeholmes1
  • 6 Month Developer
  • 77 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jason,

Did you get a chance to look at this one - i still haven't managed to work it out.

Thanks v much

Jake
  • jakeholmes1's Avatar
  • jakeholmes1
  • 6 Month Developer
  • 77 posts
  • Karma: 0
The administrator has disabled public write access.
Hey Jake,

Sorry for missing your response.
You can fix this by adding the following to your theme.css file

#nav ul li#current>a, #nav ul li>a:hover, #nav ul li#current>span.mainlevel, #nav ul li>span.mainlevel:hover {
background:url("images/navActive.png") no-repeat scroll center 44px transparent;
}

That should fix it.

Cheers,
Jason.
  • Jason D's Avatar
  • Jason D
  • 6 Month Developer
  • 2957 posts
  • 12 Thanks
  • Karma: 75
The administrator has disabled public write access.
also, you might be missing the image images/navActive.png
  • Jason D's Avatar
  • Jason D
  • 6 Month Developer
  • 2957 posts
  • 12 Thanks
  • Karma: 75
The administrator has disabled public write access.
Hi Jason,

No probs, yeh, thats done the trick.

Thanks very much...

Jake
  • jakeholmes1's Avatar
  • jakeholmes1
  • 6 Month Developer
  • 77 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks Jake :)
  • Jason D's Avatar
  • Jason D
  • 6 Month Developer
  • 2957 posts
  • 12 Thanks
  • Karma: 75
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers