fbpx

Control Content Visibility on Your Joomla Website with Display Conditions Know More

Welcome, Guest
Username: Password: Remember me

TOPIC: How to remove hover color from menu heading

How to remove hover color from menu heading 11 months 4 weeks ago #18761

  • hitman247
  • hitman247's Avatar
  • Offline
  • Junior Member
  • Posts: 27
  • Karma: 0
Hi Team,
Website: aljos.com/carplanet
I'm using Astroid 2.2.3 and having some problems with the hover color on the main menu.
In the backend, I've set the hover color to be transparent. This works when I click on the 'Contacts' Link.
However, when I click on a different menu link and then if I hover over to another menu link, it shows the ugly white hover color. I'n not sure where it's picking it from.
I've tried to clear the cache etc.

Basically what I want is that when i hover over different menu items, I should not get the white box.

Last Edit: 11 months 4 weeks ago by hitman247. Reason: forgot to add the website
The topic has been locked.

How to remove hover color from menu heading 11 months 4 weeks ago #18763

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

Please clear the cache of JCH Optimize installed on your site. Then clear the cache of the site.
Try this and let us know.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.

How to remove hover color from menu heading 11 months 4 weeks ago #18781

  • hitman247
  • hitman247's Avatar
  • Offline
  • Junior Member
  • Posts: 27
  • Karma: 0
I've cleared the cache and then cleared the site cache, issue still remains.
I then completely disabled JCH and cleared site cache. Also tested this on a different browser as well.
Unfortunately issue still remains. I still get that ugly white square on my menu links when I hover on them.
The topic has been locked.

How to remove hover color from menu heading 11 months 4 weeks ago #18782

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

Add the following CSS in custom.css file

header .nav > li > a:hover,
header .nav > li > a:focus {
   background-color: transparent;
}

Path: JoomlaRoot\templates\jd-servx\css
Note: If you will not get a custom.css file here, so you have to create a custom.css file yourself.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: hitman247

How to remove hover color from menu heading 11 months 3 weeks ago #18840

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3890
  • Thank you received: 595
  • Karma: 101
Ticket Closed

Let us know if you have more questions for us.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.327 seconds