Docs

[giannisdallas]

Hello,

this is an odd problem I am having in the new CSS editor. ( Haven’t tested in old one )

I try to replace double menu arrow with single menu arrow adding

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

.mobile .menu-item-has-children .x-icon-angle-double-down:before {
    content: '\\f107';
}

or even

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

.mobile .menu-item-has-children .x-icon-angle-double-down:before {
    content: '\f107';
}

When I save everything is replaced and working. After I re-open custom css to edit something else the editor removes one / from content until I am ultimatelly left with “f107” as dropdown content.

I tried every slash or backslash combo to make it work but I had no success. Please advice.

Giannis

P.S. Keep up the amazing work. You are by far the best out there.

[giannisdallas]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! We would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once you already have your child theme active and ready, please insert this following code in your child theme’s style.css file.

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

.mobile .menu-item-has-children .x-icon-angle-double-down:before {
    content: '\f107';
}

The simple reason why your css doesn’t work in the customizer is because the customizer will automatically remove slash and backslashes. It will remove any invalid characters to prevent the customizer from being broken which will lead to a fatal error. This is a security fail safe to avoid any further issues that you may encounter.

Hope this explains it briefly.

[giannisdallas]

Hello, sorry for the late reply

thank you for clarifying this.

Keep up the great work
Giannis

[Thai]

If you need anything else please let us know.

[Author]

Posts