1. Freelance
  2. Commercial Templates
  3. Monday, 31 October 2022
  4.  Subscribe via email
Hi, how can i remove "hover" effect in main menu item?

Tempalte: J51_Naomi
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Freelance,

I am not quite sure which hover effect you mean in Naomi.
Regarding to the demo template it's maybe the effect that the menu item font is getting brighter?
If you mean that effect try adding this to your custom.css:


hornav > ul > li > a:hover {opacity: 0.7;}


If one not hovers the menu item their opacity is set to 0.7.
If one hovers it the opacity is set to 1.
So if you set the opacity on hover to 0.7 no effect appears.

Hope this helps?
Regards
Oliver
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for answer.


But no, i mean if I move mouse cursor over the main menu whole page goes darker. https://www.joomla51.com/demo/0159/
This "hover" effect is too dark on a white homepage. Want to disable it or make it more soften.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Ah ok, I understand.

Pls try adding this to your custom.css:

.hornav > ul > li:hover::after {opacity: 0;}


This disables the effect.
You can change the value of opacity to make the effect less dark e.g. by setting it to 0.1 instead of 0.5 as it is by template.

For better understanding this is the whole css of the hover effect:

.hornav > ul > li:hover::after {
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: #000;
opacity: .5;
visibility: visible;
}


So you can also change the background-color to make it brighter e.g. to a light grey tone.

Hope this helps?
Regards
Oliver
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
All good, thank you (Y)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok