Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 27, 2014 at 2:57 pm #284582
    envapk2

    Hi
    I’d love to use Enfold for a site I’m doing which needs images for the menu, to look likein the private content link.
    I used a menu image plugin – http://html-and-cms.com/plugins/menu-image/ – to do this. Unfortunately the plugin does not work with Enfold at all. Is there any way around this conflict or any other way I can create an image menu?

    many thanks
    Peter

    June 27, 2014 at 4:14 pm #284614
    Yigit

    Hey envapk2!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #menu-item-2833 a {
background-image: url(https://knifeandpacker.com/wp/wp-content/uploads/2013/06/tvMenu1.png)!important;
background-repeat: no-repeat!important;
}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    June 29, 2014 at 11:28 pm #285048
    envapk2
    This reply has been marked as private.
    June 30, 2014 at 3:17 pm #285202
    Yigit

    Hey!

    Please add following code to Quick CSS as well

     span.avia-menu-text { opacity: 0; }
.main_menu ul:first-child > li a { height: 74px!important; }
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a { padding-right: 31px; }

    Cheers!
    Yigit

    July 1, 2014 at 10:48 am #285630
    envapk2

    That’s great, thanks Yigit. One more thing, how do I ensure that on the mobile menu will lose the images and bring back the menu-text?

    many thanks

    Peter

    July 1, 2014 at 12:21 pm #285662
    Yigit

    Hey!

    Seems like you have already figured it out – http://i.imgur.com/fetKnpM.png ? :)

    Best regards,
    Yigit

    July 1, 2014 at 1:26 pm #285690
    envapk2
    This reply has been marked as private.
    July 1, 2014 at 1:33 pm #285696
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
span.avia-menu-text {
opacity: 1!important;
}
#mobile-advanced li.menu-item a {
background-image: none!important;
}}

    Cheers!
    Yigit

    July 1, 2014 at 4:40 pm #285783
    envapk2

    Thanks Yigit, that’s brilliant. Great theme, great support, as ever.

    Peter

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Image menu’ is closed to new replies.