SOLVED hover in topmenu doesn't work

More
8 years 9 months ago #1 by sandrabernart
Tnx for your advise. After trying several things (like removing the hover css selectors and removing the visibility: hidden elements) nothing changed.

This morning I removed the whole link in the css selector (in my case: .art-menu a .t

And I don't know why, but that seems to be the solution! After three days, I'm as happy as a child!


Thank you for your support, it helped me searching for other solutions!

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago - 8 years 9 months ago #2 by laurelle
Hi,

Just making sure that you have the cufon plugin hover parameter enabled for the menu font file? Font x Selectors Hoverable needs to be set to Yes.

I think that you may need to remove the xxx:hover definitions from your css selectors, that is what the Hoverable option is supposed to provide.

I will refer you to the Cufon documentation on styling: wiki.github.com/sorccu/cufon/styling for more information about Cufon. (I am not the Cufon developer, just providing a way to easily implement Cufon in your Joomla site.) You may need to add some cufon specify css.

Good luck.

Laurelle
Developer
Keashly.ca Consulting
Last edit: 8 years 9 months ago by laurelle.

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago #3 by sandrabernart
Added the css style as you mentioned, didn't change anything. And I think I allready defined this style in my css:

.art-menu a:hover .t
{
color: #00C7D1;
}

.art-menu li:hover a .t
{
color: #00C7D1;
}

Tried it after turning Cufon off. It works perfectly without Cufon. So I believe it has something to do with Cufon. I would be more than happy if you have another suggestion!

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago #4 by laurelle
Hello,

This isn't a cufon problem, it is a css problem I believe. The normal state on the top link is white and you haven't defined a hover state for it.

Try adding: .art-menu a:hover .t {color: #000;}

I think that should change the top menu hover state to black for you. If not, turn off Cufon and get the menu working properly, so the top hover color changes and then turn Cufon back on.

Good luck.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago - 8 years 9 months ago #5 by sandrabernart
First of all, I really love this plugin. Great work!

I'm encountering one problem however. I can't figure out why the hover state in my menu doesn't work. It turns blank.

Could anyone help me with this?

this is my site: http://test.bernartwebdesign.nl

ThankS!!
Last edit: 8 years 9 months ago by laurelle.

Please Log in or Create an account to join the conversation.

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Hosts

Managed Web Hosting by Liquid Web

This is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top