Non clickable icon between the menu icons

[egeislekel]

Hello there,
My customer wanted to add non clickable menu icons between the menu icons.
I have Menu Image Plugin to add icons for the menu topics and I did with it. I have also the dot icon to put but I don’t want to make it clickable is it possible?
1st image is what my customer want from me.
2nd image is the original one.

Thank you

[rad]

Hi Ege,

Thanks for reaching out.

It looks like related to the plugin you have installed, have you tried contacting them to see if this is possible? If the dot is part of the link’s text then it’s probably not possible.

Thanks!

[egeislekel]

Instead of the plugin is it possible to make it by css code?

[christian]

Hey Ege,

Regretfully, menu dividers is currently not offered in Pro. Since you’re also using a third party plugin, you need to contact the plugin author if he can give you the CSS for the menu divider.

If you’re using the Navigation Inline element, you can follow this custom setup at https://youtu.be/oVl2NV-oeqY

Below is the code in that setup but please just note that this is outside the scope of our support. The reason why I provided the custom solution is to help you get started. We will not support issue that might arise from the use of any custom code and further enhancements. For that, you will either need to consult with a third party developer or you should learn CSS.

.x-menu-inline > .menu-item:after {
    content: "•";
    line-height: 3;
}

.x-menu-inline > .menu-item:last-child:after {
    content: "";
}

Thanks.