Hello @glauciarezende,
Please open a ticket on our website so we can investigate this further.
Regards.
Hello,
Issue was being caused by the CSS of the clients menu.
Regards.
Deixo o meu agradecimento ao Georgian e a outros da equipe TranslatePress!
Abaixo o problema do meu CSS que estava impedindo o menu estilo “hamburger” (mobile menu) de funcionar:
“TranslatePress adds an extra HTML tag after the “hamburger” icon ( #toggle ) on translated pages. And this breaks the CSS rule found in your stylesheet that opens the menu, because the .barras and .nav classes don’t follow immediately the #toggle:checked
To fix it, please replace the + with ~. This rule will be more flexible and will allow the extra HTML tag that TranslatePress adds between your tags.
If you want, you can read more about the difference between the + and ~ CSS selectors here. ”
Replace this:
#toggle:checked + .barras .top-bun {
transform: rotate(-45deg);
margin-top: 25px;
}
#toggle:checked + .barras .bottom-bun {
opacity: 0;
transform: rotate(45deg);
}
#toggle:checked + .barras .meat {
transform: rotate(45deg);
margin-top: -3px;
}
#toggle:checked + .barras + .nav {
top: 0;
transform: scale(1);
}
with this:
#toggle:checked ~ .barras .top-bun {
transform: rotate(-45deg);
margin-top: 25px;
}
#toggle:checked ~ .barras .bottom-bun {
opacity: 0;
transform: rotate(45deg);
}
#toggle:checked ~ .barras .meat {
transform: rotate(45deg);
margin-top: -3px;
}
#toggle:checked ~ .barras ~ .nav {
top: 0;
transform: scale(1);
}
É isso… agradeço mais uma vez ao suporte…. abraços do Brasil.
