Docs

[alovelyagency]

Having trouble changing the icons. When I uses use this CSS in the customizer:

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

Menu items with subnav displays the text “f107” instead of the icon.

Any ideas?

[Darshana]

Hi there,

Thanks for writing in! That is because when you add a backslash (\) to your customizer, it will remove one when you save every-time. As a temporary fix you can add the same code with two backslashes, so it will remain one when saving.

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

The best solution is to setup a child theme (https://community.theme.co/kb/how-to-setup-child-themes/) and add your custom CSS into your child theme’s style.css file.

Thanks!

[alovelyagency]

We’ll get a child theme set up at some point soon, but this did the trick in the meantime!

Thanks a padilion!

[Christopher]

You’re welcome.

[Author]

Posts