Customizing the Superfly Menu that comes with Pro

[Vannynexus]

Hello,

I have written on the superfly forum and received links to pages that explain where I can make alterations and custom changes to the superfly menu. However, there is no literature on how exactly you can make the same menu " the Rich Menu" option that they provide you in the live demo. I would like help on what custom codes exactly that i need to add to my word press site so that I can have it looking just like the following example.

Superfly Demo — Responsive Vertical Menu for WordPress

the sub-menu 2 (that has the image and title and content) That is what I am trying to achieve with my website.
It is still being constructed but it can be viewed at;

http://nexusenergytechnologies.dream.press

Check out the superfly menu on mine. if someone could provide me with the proper code and what steps i need to make my menu just like the demo one. Thanks in advance. I appreciate the help.

Cheers Chris

[Prasant]

Hello @Vannynexus,

Thanks for asking.

There is no need for custom code. To add icons or images to the menu items please follow below tutorial:

http://superfly.looks-awesome.com/docs/Customize/Upload_Your_Icons

Thanks.

[Vannynexus]

Hey Prasant

Thanks for the response and the links for the icons. I have those added already. I just uploaded .png image that work as well. My issue is for getting the picture…image that is above the content in the third sub-level menu. I know it says enter the custom short code. I have entered a few HTML 5 codes but it looks nothing like the sample demo menu 1 that i see on superfly.

I also have tried to include a button with a learn more at the bottom but nothing shows up. Just wishing i could have a template code provided to use and i’ll enter that on all my menu items

Thanks for taking time and helping me with this

-chris

[Vannynexus]

Hey Prasant,

I have also noticed that on my mobile that my top menu link “Products/ Blowout Preventers” that the image is not responsive and stays at the top of the screen and takes up the major of the cell phone screen. Meanwhile, the text is now above the image and hard to read. What code to I need to enter to achieve this? Thanks

-chris

[rad]

Hi there,

Would you mind providing your admin login credentials in a secure note? I checked and custom codes appears on my installation.

And it appears to be responsive on my phone, would you mind providing a screenshot? Maybe I understand it differently.

Thanks!

[Vannynexus]

Hey Rad,

I think i figured it out.   Thanks anyways though.

[Prasant]

Glad to hear that.