[LumosParticipant]

Hey everyone,

I am looking to customize the dropdown icon in a mega menu. I am assuming it is in a php file in my theme folder but I can’t find it. My reasoning for changing it is, on mobile I don’t think users will completely understand that there are sub-menus under the link and if they do, in order to drop it down, they need to click on the icon and not the actual menu link.

To better understand the issue, here is the website.

http://staging.creatications.com/

Thank you in advance,

Chris
Creatications

[Rue NelModerator]

Hello There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[LumosParticipant]

In the X theme, when you create a megamenu, there is an icon signifying the user to click and expand the sub-menu. How can I change that icon to a different icon or change it to text?

Thank you,

Chris
Creatications

[ThaiModerator]

Hi There,

Try adding following CSS under style.css file in the child theme’s folder:

.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f078";
}

You can replace f078 with your icon code(you can find here: http://fortawesome.github.io/Font-Awesome/icons/).

Hope it helps.

[LumosParticipant]

Hey Themeco,

Thanks for the support. I added the css and it changed the icon.

Kind regards,

Chris
Creatications

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts