• Resolved lizafrank

    (@lizafrank)


    Hello! Me again! I’m wondering two things.

    1. Is it possible to have a home icon in the menu?
    2. If it is, does the page the home icon links to have to be called HOME?

    Sorry if this a bit rudimentary but I’m a bit stumped. Thanks so much for your help, Liza

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Hi Liza,

    1. For the “Home icon” question, are you just wanting an icon or link name with an icon?
    2. You home link doesn’t need to be called “Home”. When you make your link for the menu, you retype the label field to what you want.

    Back to the icon though; there are a couple of options:

    1. Using a plugin: Something link this one Menu Image, Icons made easy – WordPress plugin | www.remarpro.com
    2. Custom coding

    There are several tutorials online about adding icons (sometimes images) to a menu. This one from WPBeginner provides the options above. How to Add Image Icons With Navigation Menus in WordPress (wpbeginner.com)

    It could also be done using CSS code which can be added to the Additional CSS tab in the customizer. For example, I added a house icon to your “An Invitation” menu link using:

    li#menu-item-13395::before {
        content: '\F424';
        font-family: Bootstrap-icons;
        margin-right: 3px;
    }

    This theme already uses Bootstrap icons, so I was able to do this quickly.

    NOTE: The id# of: menu-item-13395 is the id of that particular menu link. This CSS code targets and adds the icon only to that item.

    Thread Starter lizafrank

    (@lizafrank)

    As ever, you’re just aces! Thank you! Managed a workaround and all seems okay.

    Theme Author Rough Pixels

    (@roughpixels)

    Thank you and you are very welcome.
    I’m happy to hear things have worked out.

    Cheers,
    Andre

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Home icon on Menu’ is closed to new replies.