Problems with Polylang

Hi guys,

I have a rather curious problem, when activating polylang and adding an extra language, the navigation menu is rotated as in a mirror.

The same thing happens with the rest of the elements of elements of the page.

I'm using this custom css I don't know if it will influence something ...

`/*Añadir botón menu superior*/

@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: #FF00A6 !important;
border: none !important;
border-radius: 5px;
color: #FF00A6;
font-size:;
color: #ffffff !important;
margin-top: 0px;
margin-left: 30px; /*Seguramente tendréis que ajustar este valor*/
line-height: 35px; /*Seguramente tendréis que ajustar este valor*/
}
}

.main-navigation .main-nav ul li.nav-button a:hover {
background-color: #ffffff !important;
border: 2px solid #1e73be;
font-size:;
color: #FF00A6 !important;
}

/* GeneratePress Site CSS */ /* element dc - Site library CSS */
*
.main-navigation.navigation-stick {
background-color: #ffffffF2;
}

@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: #ffffff;
border: 2px solid #000000;
color: #000000;
line-height: 35px; /*this number will likely need to be adjusted*/
}
}

/* Control overflow on hero image */
.elementor-editor-active .overflow-x-hidden,
.overflow-x-hidden {
overflow-x: hidden !important;
}

@media(max-width: 767px) {

.no-abs-mobile,
.elementor-editor-active .no-abs-mobile {
position: static !important;
}
}

/* no-mobile-bg-overlay - remove overlay on small devices */
@media(max-width: 1024px) {

.no-mobile-bg-overlay .elementor-background-overlay,
.elementor-editor-active .no-mobile-bg-overlay .elementor-background-overlay {
display: none;
}
}

/* Adjust button shadow and float animation */
.no-hover-shadow .elementor-button:not(:hover),
.button:not(:hover),
input[type="submit"]:not(:hover) {
box-shadow: 0 15px 25px -12px rgba(2, 62, 83, 0) !important;
}

/* Reduce height of float animation */
.elementor-animation-float:active,
.elementor-animation-float:focus,
.elementor-animation-float:hover {
transform: translateY(-4px);
}

/* Add Border to top of theme footer */
.site-footer {
border-top: 1px solid #ccc
}

/* Theme Buttons */
.button,
input[type="submit"] {
color: #FFFFFF;
border-radius: 50px 50px 50px 50px;
-webkit-box-shadow: rgba(2, 62, 83, 0.67) 0px 15px 15px -12px;
padding: 20px 25px 20px 25px;
}
/* End GeneratePress Site CSS */

Thank you,

Jaume