Archived topic

Change icon for submenu

2 replies · Started by Andreas on November 27, 2019

Viewing posts 1–3 of 3

November 27, 2019 at 4:33 am #1079515

I have a site with a submanu and i want to change the default icon for showing the submenu items.

I want to change the submenu icon to a plus icon both when the submenu is open and closed.

I found the follwing css:

.slideout-navigation .dropdown-menu-toggle::before {content: "\f107" !important;}

But i couldn't change the icon to a plus icon.

November 27, 2019 at 5:17 am #1079569

I forgot to say that this was an off canavas menu.

I solved this issue by adding the following code to the style.css

.slideout-navigation .dropdown-menu-toggle::before {
    font-family: FontAwesome !important;
    content: "\f067" !important;
}
.slideout-navigation .sfHover > a .dropdown-menu-toggle::before {
	font-family: FontAwesome !important;
    content: "\f068" !important;
}

November 27, 2019 at 5:36 am #1079595

Glad to hear you found the solution

This archived topic is closed to new replies.

Start building better websites today.