Centrar breadcrumb ...
 
Avisos
Vaciar todo

Centrar breadcrumb en el centro de la pantalla

6 Respuestas
2 Usuarios
0 Reactions
395 Visitas
Raúl Ramón Val
Respuestas: 1150
Noble Member
Topic starter
 

Necesito centrar el breadcrumb al centro de la pantalla y justo debajo del H1 en lugar de que aparezca debajo del titulo h1 pero alineado a la izquierda. No consigo hacerlo.

Por ejemplo como esta en la web:

https://airbe.com/contacto

Espero sus noticias

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/03/2018 7:43 am
Pepe
 Pepe
Respuestas: 41120
Illustrious Member Admin
 

Hola Raul, buenos Días.

Esto es lo que veo:

No se si es el formulario lo que quieres centrar, si no es eso por favor indica lo que quieres centrar con alguna captura.

Un saludo


 
Respondido : 20/03/2018 9:11 am
Raúl Ramón Val
Respuestas: 1150
Noble Member
Topic starter
 

Por favor mira bien la pantalla. El H1 CONTACTO EN GRANDE y debajo el breadcrumb. Centrar debajo del h1 este ultimo

Saludos


 
Respondido : 20/03/2018 9:12 am
Pepe
 Pepe
Respuestas: 41120
Illustrious Member Admin
 

Hola.

Edita el archivo custom.css que encontraras en templates -> shaper_helixultimate -> css -> custom.css y añade lo siguiente:

.breadcrumb {
  margin-left: 40%;
}

Un saludo


 
Respondido : 20/03/2018 9:38 am
Raúl Ramón Val
Respuestas: 1150
Noble Member
Topic starter
 

hola Pepe eso no funciona en modo responsive...hay que meter codigo que valga en cualquiera de los casos...

gracias


 
Respondido : 20/03/2018 9:41 am
Pepe
 Pepe
Respuestas: 41120
Illustrious Member Admin
 

Hola Raul.

Para centrarlo en la versión móvil seria lo mismo pero añadiendo la etiqueta screem y ajustando el %.

.breadcrumb {
  margin-left: 40%!important;
}

@media  (max-width : 768px) {
.breadcrumb {
  margin-left:15%!important;
}
}

Un saludo


 
Respondido : 20/03/2018 10:18 am