Home › Forums › WoodMart support forum › Home page with icon only

Home page with icon only

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2019 at 2:24 pm #158550

    d_ch
    Participant

    Hi,

    Is it possible to have at main menu of my header my Home page with just a simple “fa fa-home” CSS class icon without showing the text “HOME” for it? While trying to remove the element name and keep only its class, it is disappeared from the menu.

    Thank you in advance,
    Dimitris

    Attachments:
    You must be logged in to view attached files.
    November 23, 2019 at 6:06 pm #158567

    Elise Noromit
    Member

    Hello,

    WordPress does not allow to show just icon without menu item title, try to use a custom link and insert two white spaces instead of menu item, not sure it would work, just try.

    Best Regards

    November 23, 2019 at 6:57 pm #158573

    d_ch
    Participant

    I tested it but it seems that it didn’t work. Even if I add white spaces, WP automatically adds a name to the menu element (it calls it by default “menu element”). I found this plugin which adds icons to menus with option to hide each menu labels:

    https://wordpress.org/plugins/menu-icons/

    At any case, I would like to avoid using a plugin for this purpose.

    November 23, 2019 at 7:43 pm #158575

    Elise Noromit
    Member

    Hello,

    Alternatively, we can hide it with the custom CSS, however, as far as I know it is not good from the SEO point of view.

    Here is the code: 

    body .woodmart-navigation .menu li a i {
    margin-right: 7px;
    font-size: 30px;
	color:black;
}
body .woodmart-navigation .menu li:first-child > a  {
    margin-right: 7px;
    font-size: 0;
	color:white;
}

    Best Regards

    November 23, 2019 at 9:05 pm #158581

    d_ch
    Participant

    I tested your code and it works indeed. Thank you.

    November 24, 2019 at 8:04 am #158595

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Home page with icon only’ is closed to new replies.