Billio – Icons in Top Bar

Follow the steps below to create an icon menu:

Step 1 – Navigate to Appearance > Theme Options > Icon Settings

Step 2 – Browse the icon and select an icon class name. Icon class name will be displayed on bottom of icon. Copy the icon class name.

Browse Icon

Step 3 – Navigate to Appearance > Menus then enable CSS Classes
from Screen Options panel ( at the top of Menus page ) by ticking it.

Step 4 – Create Custom Links type menu, enter URL and Link Text

Step 5 – Enter icon-name copied before in step 2 ; in example icon-social-android8 ( without quotes ) into CSS Classes field. Click Save Menu when you finish

Step 6 – Navigate to Theme Options > Top Bar Settings > Select Left or Right Section > Type Of Element, select Icon from Menu. Click Save Changes when you finish

Here’s how icons will look in the top bar :

Leave A Comment?

You must be logged in to post a comment.