No link for icon

  • ChuckH58

    (@chuckh58)


    9 years, 4 months ago

    I have added a facebook link icon in my header menu using the advanced menu properties with the “CSS Classes” box checked creating a custom link and pointing that to my installed url image. I can see the “href” for the icon in the code when I right click and choose “inspect”, but there is no reaction when I hover the mouse over the icon. What am I missing here? I’m using this for my css code in simple custom css:
    `.menu-facebook {
    text-indent: -9999px;
    background-image: url(http://bagelsnbeyond.terilyongraphics.com/blog/wp-content/uploads/2016/12/facebook-icon.jpg) !important;
    background-repeat: no-repeat !important;
    margin-left: 300px !important;
    width: 50px;

    }

    .menu-facebook a:hover {
    background: #f5f5f5 !important;
    }

    .menu-facebook {
    float: right;
    width: 50px;
    height: 50px;
    margin: 0px;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    9 years, 4 months ago

    Are you just trying to remove the Facebook icon and display a solid color or are you trying to swap images? If you want to hide the icon and show the color you have listed above, try this:

    .menu-facebook:hover {
    background-image: none !important;
    background: #f5f5f5 !important;
}
    Thread Starter ChuckH58

    (@chuckh58)

    9 years, 4 months ago

    I want to keep the image and have it link to the facebook page. The problem is not the image, it’s that there is no link.

    Thread Starter ChuckH58

    (@chuckh58)

    9 years, 4 months ago

    I found an awesome plugin that allowed me to insert my icons from my WordPress media library via the custom link in menus. The only thing I do not like about it is you have to have text in the navigation label area in order for it to show up, so instead of using a word I used a “.” being the smallest character. It looks funny, but it works. The plugin is called “Menu Icon”. See how I used it here: http://bagelsnbeyond.com

    Tomas

    (@zhuyi)

    9 years, 4 months ago

    Hi @chuckh58,

    I am a little curious, which plugin are you using? May I get the link for a quick check? 🙂

    Thread Starter ChuckH58

    (@chuckh58)

    9 years, 4 months ago

    It’s the plugin from WordPress plugins section, just type in Menu Icons and it should be the first one . The one authored By: Dzikri Aziz and joshuairl. Very easy to use, it saved me a lot of time because I didn’t have to work with CSS at all.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘No link for icon’ is closed to new replies.