[SOLUCIONADO] template descargado - Menues y su respectivo código

[carlosoctavio]

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!

[petit89]

Edita

Código CSS:

.top-menu {
    float: left;
    text-align: center;
    margin-left: 19em; /*ESTA LINEA, puede ser un 10, 9... segun el tamaño final de tu menu*/
}
 

Segun tu conveniencia.. esta en css/style.css linea 83 o cerca...

[carlosoctavio]

Muchas gracias Petit :)