buenos dias .
He descargado el template "Hey look" desde
Código:
https://w3layouts.com/hey-look-a-fashion-category-flat-bootstrap-responsive-web-template/
.
Estoy intentando editar el index.html pero me encuentro con el siguiente problema:
Al querer editar los textos del menú este:
Código:
<ul>
<li><a class="active" href="index.html"><span data-hover="HOME">Home</span></a><label> </label></li>
<li><a href="about.html"> <span data-hover="ABOUT">About</span></a><label> </label></li>
<li><a href="typography.html"><span data-hover="SERVICES">SERVICES</span></a><label> </label></li>
<li><a href="news.html"><span data-hover="News">News</span></a><label> </label></li>
<li><a href="portfolio.html"><span data-hover="PORTFOLIO">Portfolio</span></a><label> </label></li>
<li><a href="contact.html"><span data-hover="CONTACTS">CONTACTS</span></a><label> </label></li>
</ul>
resulta que cuando edito los menues , y por ejemplo pongo "Inicio" y demas a los menues, como la palabra es mas grande que la que ya está se corre el template, pero hacia la derecha, y por lo consecuente la imagen se corre, y queda mal. ¿Cómo podría hacer para que en lugar de a la derecha, el menú se corra a la izquierda (o sea hacia el centro de la pantalla)?
Debo de tocar algún CSS?
Desde ya muchas gracias y buen jueves!