Off canvas Back Label icon instead of text

Support
#1

Hi
I use Pro for a customers website.
I want to use an icon instead of text as the off canvas back label.
How os this possible?
Thank you very much
Hannes

#2

Hey @salilou,

The only option to change the Back Label is via custom HTML like the one below. To understand how to create the code, please watch this video: https://youtu.be/6AyXYQH4yBU

<i data-x-icon="&#xf33e;" aria-hidden="true"></i>

image
image1075×674 105 KB

Please note that it’s not a guarantee that custom HTML will work in the Back Label in the future neither will we support if you insert broken HTML. But, I’m going to post this case as a feature request maybe our development team can change the Back Label to a Text/Icon option in the future.

For further custom HTML development, you need to learn how to code HTML from online resources or if you want us to answer your website questions, you can subscribe to our One Premium Support.

Hope that helps.

#4

Thank you very much, Christian.
Is there a way to use Font Awesome symbols in this, too?
I would like to use 
Thank you!

#5

Hello @salilou,

Yes, you can use the FontAwesome symbols. Please check out the video suggested by my colleague @christian to learn more about how to use the FontAwesome icons. You must follow the same steps when you insert the custom HTML markup in the Navigation Layered element for the FontAwesome icon.

Hope it helps
Thanks

#6

Ah thank you, the video did it.
My Solution to show a left arrow in a circle as back icon in mobile menu:

<i data-x-icon-o="&#xf0a8;" aria-hidden="true"></i>

Great job!

#7

You are most welcome @salilou

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.