• I bought a ready-to-use theme and customizing it for usage. sf-menu is installed, and CSS file points to the images to be used as icons in the navbar.

    The images are found in their proper place as far as I understand:
    /wp-content/themes/Tarqeya_theme/images

    Here’s the style.css relevant portion:

    .sf-menu .m_icon{
    	height:105px;
    	background-position:center top;
    	background-repeat:no-repeat;
    	}
    .sf-menu > li > a:hover .m_icon, .sf-menu > li.sfHover > a .m_icon, .sf-menu > li.current-menu-item > a .m_icon, .sf-menu > li.current-menu-ancestor > a .m_icon{background-position:center -106px;}
    
    .sf-menu .m_icon1{background-image:url(images/m_icon1.png);}
    .sf-menu .m_icon2{background-image:url(images/m_icon2.png);}
    .sf-menu .m_icon3{background-image:url(images/m_icon3.png);}
    .sf-menu .m_icon4{background-image:url(images/m_icon4.png);}
    .sf-menu .m_icon5{background-image:url(images/m_icon5.png);}
    .sf-menu .m_icon6{background-image:url(images/m_icon6.png);}

    Is there anything else to edit for the icons to appear on the menu?

  • The topic ‘superfish menu images won't show’ is closed to new replies.