Icon in the main menu?

Hello,

How can I put a small house icon in the main menu that navigate "home" (and works well with mobile/walker menu)?

Thanks

Hi,

You can use CSS pseudoelement ::before with your menu item:

Code: Select all

#main-menu>li:first-child>a:before {
content: "test";
}

instead of text content use background image or icon font.

Great, thanks!

Works great in desktop view - but in the mobile menu this cause an empty home menu...
How can I displayed a "Home" text in mobile view menu?

Try to put an

Code: Select all

#main-menu>li:first-child>a:before {
content: "Home";
}


into the mobile.css but nothing happen.

#main-menu is not visible on the mobile devices, so that's the source of problem. Could you provide an URL to your website? here or via PM, then I'll check it exactly.