Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 10, 2016 at 10:34 am #580938
    xxtita

    Hi Team kriesi,
    the megamenu is great, i tried to put some nice icons to it. But i failed. Is it possible to edit the megamenu so it shows icons in the submenu instead of the bullets?
    I put 2 images in the private content, so you can see how it is and how it should be.
    I guess the only way to get individual icons to the mega menu sub is to provide the sites with a “beitragsbild” and grab this with the link. With .png as icons it could work.
    What do you think. Could this be possible?

    February 12, 2016 at 1:08 pm #582193
    Yigit

    Hey xxtita!

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

    .avia_mega_div .avia-bullet { display: none; }

    And then you can use HTML or shortcode to add icons to your navigation labels in Appearance > Editor.

    Cheers!
    Yigit

    February 16, 2016 at 12:18 pm #584095
    xxtita

    Hi Yigit,
    not really. Under Appearance > Editor I could change the templates.
    Under Appearance > menu > … > use as mega menu > sub > I can add a css-class (no html or shortcode).
    The css-class could be like it is in font-awesome – .icon-heart:before {content:”\f001″;}.
    I could try like this, but dont know what i have to fill in in “content”?
    any ideas?

    February 16, 2016 at 12:24 pm #584102
    Yigit

    Hey!

    You can add icons on a seperate page and then simply inspect elements to find charcode to add in content. If you need help, please create a temporary admin login and post it here privately and let us know which icons you would like to use.

    Best regards,
    Yigit

    February 16, 2016 at 12:42 pm #584118
    xxtita

    Hi,
    Small Css under > Quick CSS
    Just try any icon.
    regards

    February 16, 2016 at 12:52 pm #584130
    Yigit

    Hey!

    I added 

    <i class="fa fa-heart"></i>

    in front of your menu item in Appearance > Menus and changed Quick CSS field to

    /* .icon-camera:before {
    content: "ue819";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
}

*/ 

.avia_mega_div .avia-bullet { display: none; }

    Please review your website now

    Best regards,
    Yigit

    February 16, 2016 at 1:25 pm #584155
    xxtita

    Hi Yigit,
    you are awesome. Thanks again and again for your perfect support.

    regards,
    tita

    February 16, 2016 at 1:27 pm #584157
    Yigit

    Hi Tita

    You are welcome, always happy to help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘icons for megamenu sub menu’ is closed to new replies.