Icon in the main menu?

AppsPro Tech - Quickly create elegant website with this app WordPress theme.
GK User
Thu Feb 27, 2014 4:36 pm
Hello,

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

Thanks
User avatar
Junior Boarder

GK User
Fri Feb 28, 2014 8:39 am
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.
User avatar
Moderator

GK User
Fri Feb 28, 2014 8:53 am
Great, thanks!
User avatar
Junior Boarder

GK User
Sun Apr 06, 2014 12:26 pm
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.
User avatar
Junior Boarder

GK User
Sun Apr 06, 2014 8:08 pm
#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.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.