viernes, 25 de enero de 2013

Espacio entre los elementos del menú en Wordpress con el tema Twenty Twelve

Desarrollando una web con Wordpress (version 3.5) y su nuevo tema, Twenty Twelve, me encontré con un problema al dar forma al menú. Necesitaba 4 enlaces/botones que ocuparan todo el ancho de la web pero siempre quedaba un pequeño espacio entre cada elemento <li> del menú que no conseguía eliminar. Revisaba todos los margin y padding pero el espacio continuaba. Al final, me vino una idea revisando el código generado de la página: ¿estaría introduciendo Wordpress algún tipo de espacio entre los elementos del menú? Buscando y buscando conseguí dar con la solución: la función que genera el menú introduce al final de cada elemento <li> un salto de línea (carácter "\n"). Esta función se llama end_el y se encuentra en el archivo nav-menu-template.php dentro del directorio wp-includes. Al eliminar ese salto de línea, los elementos aparecen unos junto a otros, sin ningún espacio.