WordPress – Image href for home menu nav not working

The class used for your navigation menu’s anchor tag has a css selector :hover. Because the image logo has been added withing the anchor tag, it is considered a part of the link and the hover styling affects it as if it were any other link in your nav menu.

Solutions

  • Find another way to add the logo image to your site.

  • Use a different class for this particular anchor tag that is used by the rest of the navigation menu.

  • Add a unique class to this anchor tag and reset the styling for the :hover selector. The most visible styling here is probably the backgound-color property, but refer to your nav menu’s :hover styling to determine the properties being used.