Menu icons

Follow

Eric

• March 11, 2017 13:14

A colleague created a menu that has an icon of the cart and a person on it (far right of the menu), but we can't figure out how it was done.  Anyone know where this setting is or how to add icons to a menu?  Thanks...

0

• 

  AmeriCommerce Developer

  • March 13, 2017 13:09

  Hello Eric, 

  There isn't a setting to enable / disable the login and shopping cart menu icons, so setting them up can be a little tricky -- you'll need to use the right combination of HTML/CSS and widget merge codes.

  What I recommend is installing a copy of the theme called Base. Edit it, then go to Header > HTML Editor. There, you can see how the icons are coded. 

  Basically, its a combination of 3 widgets (menubar, small shopping cart, and customer login), FontAwesome Icons, and some CSS to control the dropdown on click. 

  If you're comfortable working with HTML, its not too difficult to replicate the code in Base on your own theme. 

  Be sure to backup your active theme before making any changes so that you can easily revert back if you make any mistakes. 

   

  Cheers,

  Austin

  SPOS Support

   

  0

  Permalink
• 

  Trevor Gonzales

  • May 18, 2017 18:33

  Use FontAwesome along with the Pseudo-Selector ":after". This gives you more flexibility.

      See Working Example

  Simply link FontAwesome CSS to your page. Below is their minified version on CDN:

      CDN Link to Font Awesome CSS

  Still having trouble making it work? Send some code or a link so we can see exactly what you're talking about.

  1

  Permalink

Please sign in to leave a comment.