Centrar Logo de una tienda Prestashop

9:47:00 a.m. Unknown 0 Comments

Si se desea centrar el logo de la tienda Prestashop por gusto y con el fin de personalizar un poco más esta, basta con aplicar una pequeña modificación en las hojas de estilo de la tienda, específicamente en el archivo global.css que se encuentra en la carpeta CSS de la plantilla que se esta usando. Teniendo este  archivo abierto, se pega al final el siguiente fragmento de código.

#header_logo{
     width:100%!important;
}

#header_logo img{
     margin:auto;
}

#header_logo + div{
     position:absolute;
     right:0;
}

@media (max-width: 767px) {
     #header_logo + div{
          position:static;
     }    
}

En el siguiente video puedes ver el paso a paso de esta implementación. Se utilizo un cliente ftp y filezilla para modificar el archivo global.css.