Archived topic
deform when activating fix navigation
3 replies · Started by carles on July 21, 2022
Hello, I have a small problem with an item in the main menu. I have placed a code in "Additional CSS" of the theme customization:
.featured-menu > a {
font-weight: bolder; !important;
color: #ffffff !important;
border: #ffffff 4px solid; !important;
}
It works fine, until sticky navigation is activated. So the element is distorted, changing its size. How to prevent the element from being distorted? I attach images showing the problem. Thank you very much
-------------------------
Hola! He colocado un código en "CSS adicional" de la personalización del tema.
.destacado-menu > a {
font-weight: bolder; !important;
color: #ffffff !important;
border: #ffffff 4px solid; !important;
}
Funciona bien, hasta que se activa la navegación fija. Entonces, el elemento se distorsiona, cambiando de tamaño. ¿Como evitar que el elemento se distorsione? Adjunto imágenes donde se ve el problema. Muchas gracias.
Hi there,
change your CSS to this:
.main-navigation .main-nav ul li.destacado-menu a {
font-weight: bolder;
color: #ffffff !important;
border: #ffffff 4px solid;
line-height: 30px !important;
}Resuelto. Thank you!!
You're welcome!
