How can I add images in the secondary menu

• 

  9thartwave · Member · Dec 27, 2013 at 11:49 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I want to add the fb and twitter logos in my secondary menu instead of the text (FB & TW). Which code shall I use? and which is the menu item for each one of my links?

  thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 28, 2013 at 3:20 am

  • Copy link

  Hi, you can find the menu item ID by looking in the menu section of the source code for your site (browser view menu, view source) or by using the browser web inspector tool built into your browser. See our How to Find Your Theme’s CSS support document for some short screen casts on getting started using your browser’s web inspector.

  Here is the code for the FB and TW menu items. Upload your icons to the media library, get the URLs of those images and replace URL_OF_IMAGE between the quote marks with the appropriate image URL and then paste both of the below into your custom CSS.

  Facebook:

  #menu-item-428 a {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0);
  }

  Twitter:

  #menu-item-429 a {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0);
  }

• 

  9thartwave · Member · Dec 28, 2013 at 11:24 am

  • Copy link

  thanks

• 

  thesacredpath · Member · Dec 28, 2013 at 4:53 pm

  • Copy link

  You are welcome.