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 ??

    Image: https://imagehosting.biz/image/48o

    Part from style.css that is related to this:

    ul > li.home > a,
ul > li.home > a:hover{
        display:block;
        padding-left:30px !important;
        line-height:36px;
        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.