Add image in megamenu?

8 posts from 3 voices

• Started 1 year ago by albertorrent
• Latest reply from Dude
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   albertorrent
   Member

   How I add images in mega menu?

   The same effect as abundance demo: http://www.kriesi.at/themes/abundance/

   Thanks

   Posted 1 year ago #
2. 

   Ismael
   Moderator

   Hi!

   Hello.

   This is a short course on how to add mega menus on Abundance. Look for Theme Demo 7. :)

   http://www.kriesi.at/themes/abundance/templates/video-tutorials/#menu

   Regards,
   Ismae

   Best regards,
   Ismael

   Posted 1 year ago #
3. 

   albertorrent
   Member

   Ismael, in video tutorial 7, doesn't explain how to add IMAGES in mega menu, is a type of shortcode in custom menu?

   here's image of demo megamenu

   

   Posted 1 year ago #
4. 

   Ismael
   Moderator

   Hello,

   You can do it by creating custom links, manually input # on the URL then add it to the menu with mega-menu options. On the description put the
   <a href="link to the post/category/page etc"><img class="noLightbox" src="link to your image" /></a>
   Don't forget to check the option.

   Use the description to create a Text Block. Dont display this item as a link. (note: dont remove the label text, otherwise wordpress will delete the item)
   If you want to have the same output like the demo, just go to Navigation Label delete the title and leave a single space or input   which is basically the same.

   Regards,

   Ismael

   Posted 1 year ago #
5. 

   albertorrent
   Member

   Sorry Ismael, I don't see that option: "Use the description to create a Text Block. Dont display this item as a link."

   If I write: <a href="my link"><img src="my img" /></a> in Mega Menu Column Title my SSL certificate detects something wrong in my page!

   Only when I put the img in megamenu, the ssl certificate detects something wrong...

   See img:
   Menu options
   
   SSL Error
   

   Posted 1 year ago #
6. 

   Dude
   Dude

   Hi!

   You need to replace the http:// protocol with https:// (not before google.es but before the image url).

   Regards,
   Peter

   Posted 1 year ago #
7. 

   albertorrent
   Member

   It work! Thanks :)

   Posted 1 year ago #
8. 

   Dude
   Dude

   Hi!

   Glad that we could help you :)

   Best regards,
   Peter

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.