action bar - social icons

lartegrafic

Hi guys,

is it possible to add social icons (and link) in the action bar?

Maybe with CSS?

Please let me know!

Thanks a lot,

Giuliano

lartegrafic

Is there a possibility to put social icons over the menu? On top as first element, i mean.

Thanks again

Pablo

Hi,

You can create separate menu for the action bar, so if you want to display the menu items in the action bar, you have to tick the "Social Menu Top" instead of "Secondary Menu"

http://prntscr.com/n5s151

To display icons in the menu items, just use the <i class="icon-name"></i> before the name of the item.

Icons here: https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lartegrafic

Hi and thanks,

i'll try to explain well.

Please take a look here: https://prnt.sc/nrcxwt

I would like to know if there is the possibility of inserting the social with its destination url as in the image.

If yes, please I would need more information, because I did not honestly understand how to do (I refer to the first answer).

Thanks for the time you can dedicate to me

Pablo

As I told, you can recreate it using the Action Bar and applying (new menu, with socials) a menu there (Appearance > Menus) with "Social Menu Top" http://prntscr.com/n5s151

You will not be able to insert image there because a lot of HTML tags are disabled there (only basic tags like u, i, b are working), but you can insert icon of social there (from our splash page).

To display icons in the menu items, just use the <i class="icon-name"></i> in the menu item name.

Icons here: https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lartegrafic

Hi and thanks, 

i understand well and it works.

Is it possible to align the icons at the center of the bar?

Is it possible to change dimension of the icon?

Is it possibile to choose a color?

Thanks again!

Pablo

You can change the color of the Action Bar in Theme Options > Colors > Action Bar

All other customizations will require Custom CSS to create.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next