Navigation collapse adding HTML

Support
#1

Dear support,

i would like to add HTML (image & Text) in navigation collapse, on top of and under the menu section in the mobile view. Could you please tell me how can I do it? I have added the link in the secure note for the layout.

Cheers,
Ken

#2

hey,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

#3

Thanks John. I will put the URL in the secure note

#4

Hello There,

Thanks for providing the url. It turns out that you are using Navigation Collapsed element. Please keep in mind that this is only used for navigation. This element is not a container hence you can no longer add any image or other elements.

Hope this explains it briefly.

#5

I know that there is Content area off canvas but can I put collapse menu inside? Could you please suggest a solution?

#6

Hi There,

You could add an image tag as a label of your custom links on Appereance > Menu

You would use 3 custom links, 1 for the title, and other two which you would add image tags as the label so you have the images of google play and apple store.

So, you would add on Appereance | Menu a Custom Link and add :

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Hope it helps

#7

It helps a bit but when mouse over the image it treats as a menu item. Also I need to put some text above the image. Is there any other solution? I attached the desire design of the menu in the Secure Note.

#8

That is not possible without custom development which is outside the scope of our support. You might want to try UberMenu. See the links below for more details.


Thanks.