action bar - social icons

Comments

• lartegrafic

  May 2019

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

  Thanks again
• Pablo

  May 2019

  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

  May 2019

  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

  May 2019

  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

  May 2019 edited May 2019

  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

  May 2019

  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