Support » Themes and Templates » Menu Icons

  • I added menu icons by the help of a step-by-step tutorial, I added it but, I have a problem with is that the icon is on the left of the menu item name, My blog is Arabic and I want the icon to be on the right 🙂


    Part from style.css that is related to this:

    ul > li.home > a,
    ul > li.home > a:hover{
            padding-left:30px !important;
            background-image: url(/wp-content/uploads/2014/03/home.png)!important;
    	background-position:10px center !important;
    	background-repeat:no-repeat !important;

    I use Asteroid theme but, Menu Icons featured is not available for it, I added it using CSS.

Viewing 1 replies (of 1 total)
  • change padding-left to padding-right

    you may want to change background-position to

    background-position: right center !important;

    if it’s too far to the right (touching the side), play with the x axis value, increasing it until it’s positioned properly. i.e.:

    background-position: 40px center !important;

Viewing 1 replies (of 1 total)
  • The topic ‘Menu Icons’ is closed to new replies.