Hi Joao,

In your case probably problem is caused by too high compression option from JCH_Optimize - becuase if you are logged it doesn't use so high compression and all looks OK.

Suggestion:

1. check different levels of compression and settings, on which will be OK.
2. And if you have PRO version talk with thier support of that extension on How to correct that in smart way.

My role ends here.

Hi Paul. Thank you for your reply. I have disable JCH_Optimize and that didn't solve the problem. I had it working with JCH_Optimize without problem to recently. Any ideia where I can look further for a solution?

In general its' werid, I see that issue first time. So it's walking in the fog.

Maybe you used Custom CSS?

Problem is with that

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  font-family: "Font Awesome 6 Free";
  content: "";
  float: right;
  margin-left: 7px;
  font-weight: 900;
}

Check in Template Options > Custom Code > Custom CSS - what you have there?

if you will see it content: ""; delete that line!

No I have not that unicode in the css , That' s the unicode for a square.

here is what I have in Custom CSS:

/* Burger Menu style*/
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #4d7521;
    font-size: 18px;
font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {  font-size: 18px;
padding: 10px 0px 10px 0px;
line-height: 24px;
font-weight: 400; text-align:  left;
font-family: 'Poppins', sans-serif;
display:block;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a{
font-weight: 500;
padding: 15px 30px 15px 0px;
font-family: 'Poppins', sans-serif;
color: #010757;
font-size:18px
}
/* Mega Menu */
.sp-megamenu-parent>li.active>a {
    font-weight: 500;
    font-size: 16px;}

.sp-megamenu-parent>li {
    font-size: 16px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 16px;

}
span.menu-separator {  
font-size: 16px;
  padding: 10px 0px;
    line-height: 24px;
    font-weight: 400;
font-family: 'Poppins', sans-serif;
display: block;}
ul.menu{list-style-type: none;
padding-left: 0;}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 16px;
    margin: 15px 0 15px  0 ;
    text-transform: uppercase;
    font-weight: bold;
text-decoration: underline;
}
.sp-module ul>li>a {
    color: #252525;
    line-height: 50px;
}

.sppb-shape-container {
    overflow: visible;
   }
#sp-main-body {
    padding:  20px 0 !important;
}
#addonId .sppb-addon-title strong  {
  font-weight:500;
  color:#505be3;
}

.sppb-addon-content h2 strong   {

  font-weight:500 !important;
}

.sppb-addon-content h2 {

  font-weight:500 !important;
}

.sppb-addon-content h4  strong   {
    color:#505be3;
  font-weight: 300 !important;
}

.speasyimagegallery-gallery-item-content {opacity: 1 !important;}

.speasyimagegallery-gallery .speasyimagegallery-gallery-item-title {
    color: yellow;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
div.mod-languages img { width: 28px;
    border:none;
}
.sppb-addon-content {padding: 5px;}
.weather_sp1_temp{font-size:13px}

Thx, can you share access to Admin Area, I have one idea that I want to check.

OR

Use that Custom CSS:

#sp-menu .sp-megamenu-parent > li.sp-has-child > a::after, 
#sp-menu .sp-megamenu-parent > li.sp-has-child > span::after {
  font-family: "Font Awesome 6 Free";
  content: "\f078"; }

It works. Of course I have to add correspondent css to burguer menu as well. Thank you very much.