Avisos
Vaciar todo

[Resuelto] Logotipo web navegadores

12 Respuestas
4 Usuarios
0 Reactions
46 Visitas
Respuestas: 223
Estimable Member
Topic starter
 

Buenos días,

Tengo un problema con una web, y es que el logotipo se ve de diferente tamaño en Mozilla que en Chrome y no se el motivo. Quiero que se vea como en Mozilla, con ese tamaño y en google chrome se ve más pequeño a pesar de que es la misma foto. No entiendo a que se puede deber esto. Paso captura para que lo veias.

 

Screenshot 2021 09 01 at 10 24 03 Poveda Textil
captura de pantalla

Contenido solo visible a usuarios registrados


 
Respondido : 01/09/2021 8:30 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola David.

veo que has modificado la cabecera y no podemos ver lo que nos comentas:

screenshot povedatextil.angulotres.es 2021.09.01 12 48 56

Los navegadores utilizan diferentes prefijos y es posible que no se muestre igual en un navegador que en otro:

-> https://developer.mozilla.org/es/docs/Glossary/Vendor_Prefix

 

Un saludo


 
Respondido : 01/09/2021 10:57 am
Respuestas: 223
Estimable Member
Topic starter
 

Estaba haciendo pruebas, ahora está como antes.


 
Respondido : 01/09/2021 10:58 am
Karen Rios
Respuestas: 18674
Illustrious Member Moderator
 

Hola David,

Disculpa puedes indicarnos que es lo que no logras ver igual, he verificado en diferentes navegadores y en todos veo que la cabecera se ve igual. Te comparto una captura sobre lo que veo

Firefox

imagen

Edge

imagen

Brave

imagen

Chrome

imagen

Puedes indicarnos si has logrado solucionarlo

Un Saludo

 

 


 
Respondido : 01/09/2021 11:20 am
Respuestas: 223
Estimable Member
Topic starter
 

No, no se ha solucionado, en google chrome se ve muchisimo más pequeño que en mozilla. Ajdunto capturas.

captura de pantalla
Screenshot 2021 09 01 at 10 24 03 Poveda Textil

 

Un saludo!


 
Respondido : 01/09/2021 1:18 pm
Bruno
Respuestas: 6482
Illustrious Member Moderator
 

Que tal David,

Puedes probar definir un ancho absoluto a tu logo para que tome el aspecto que tiene en firefox para ello puedes agregar el siguiente CSS

.logo-default{
width: 380px;
}

Si no sabes como hacerlo puedes añadirlo desde las opciones Apariencia-> Personalizar-> CSS agregado

Saludos!


 
Respondido : 01/09/2021 1:34 pm
Respuestas: 223
Estimable Member
Topic starter
 

Me funciona pero solo un segundo, es decir, cuando recargo la página se pone como en mozilla, pero una vez ha acabado la recarga vuelve a ponerse en pequeño.

 

Un saludo!


 
Respondido : 01/09/2021 1:47 pm
Bruno
Respuestas: 6482
Illustrious Member Moderator
 

Hola David,

Vi lo que sucede y es que tienes al parecer varias variantes del logo configuradas, modifiquemos un poco nuestro CSS y veamos el resultado

.logo-dark{
width: 380px;
}

Saludos!


 
Respondido : 01/09/2021 2:05 pm
Respuestas: 223
Estimable Member
Topic starter
 

Hola de nuevo!!

Ahora me va en todas las páginas menos en Huella de carbono y nosotros!

 

Un saludo!


 
Respondido : 01/09/2021 2:26 pm
Bruno
Respuestas: 6482
Illustrious Member Moderator
 

Hola David,

En http://povedatextil.angulotres.es/huella-de-carbono/ puedo verlo al tamaño correcto 

En http://povedatextil.angulotres.es/sobre-nosotros/ No ha cambiado ya que al parecer solo en esa pagina interna tienes habilitado el menu sticky asi que vamos a aplicar el siguiente CSS

.is-stuck .navbar-brand .logo-sticky {
width: 380px;
}

Te recomiendo que mantengas la uniformidad de los menus que utilizas a lo largo de tu sitio.

Saludos!


 
Respondido : 01/09/2021 2:33 pm
Respuestas: 223
Estimable Member
Topic starter
 

Vale, ahora todo correcto!

 

Muchisimas gracias!


 
Respondido : 01/09/2021 2:50 pm
Bruno
Respuestas: 6482
Illustrious Member Moderator
 

Hola David,

Excelente! cualquier otra consulta que tengas estaremos atentos

Saludos!


 
Respondido : 01/09/2021 2:59 pm