Avisos
Vaciar todo

[Resuelto] Error header  

Página 1 / 2
 
Alba
 Alba
Reputable Member

Buenos dias,

Acabo de activar mi website pero el header no se ve bien en versión ordenador. Os adjunto varias capturas

Captura de pantalla 2023 01 23 105439
Captura de pantalla 2023 01 23 105515
Captura de pantalla 2023 01 23 105458

 ¿Cómo puedo hacerlo para que se vea bien?

Por otro lado, quiero añadir una pestaña mas al header (services) que ya tengo creada pero no consigo que se vea. ¿Cómo puedo hacerlo?

En la versión móvil si que sale, pero el texto sale cortado, muy pegado al margen, ¿de que forma puedo solucionarlo?

WhatsApp Image 2023 01 23 at 11.04.10 (1)
WhatsApp Image 2023 01 23 at 11.04.10
WhatsApp Image 2023 01 23 at 11.04.10 (2)

Muchas gracias de antemano,

Un saludo

Contenido solo visible a usuarios registrados

Respondido : 23/01/2023 10:06 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alba.

Lo estoy probando en diferentes resoluciones y veo que se muestra bien:

screenshot www.albamenasalvas.es 2023.01.23 11 26 37

 

Captura de pantalla 2023 01 23 a las 11.29.52

Si puedes pruebalo con el navegador en privado o en otro dispositivo:

-> https://support.google.com/chrome/answer/95464

 

Sobre el tema del menú, por favor crea una nueva consulta, no es bueno anidar consultas que sean de temas diferentes en una misma entrada.

En estos casos, es mejor que si son temas diferentes crees consultas separadas para que podamos realizar un mejor seguimiento a tus dudas o errores.

De esta forma mantenemos un orden en el Foro y nos ayudas a nosotros en el trabajo, aparte te resultará más fácilmente encontrar las consultas de un tema si lo necesitas más adelante.

 

Un saludo

 

 

Respondido : 23/01/2023 10:49 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alba
 Alba
Reputable Member

Hola Pepe,

Es al hacer scroll down cuando aparece de esa forma

Respondido : 23/01/2023 10:51 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alba, 

No veo que al hacer scroll el header se quede fijo por lo que no podemos ver el menú y como se desforma, ten envió un corto video sobre lo que vemos Contenido solo visible a usuarios registrados

Si tienes desactivada esta parte actívala nuevamente para revisar con mayor detalle lo que nos comentas. 

Un Saludo

Respondido : 23/01/2023 12:53 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Alba
 Alba
Reputable Member

@karen gracias

 

En la home no esta fijo, pero en el resto de url si:

https://www.albamenasalvas.es/projects/

¿Puedes revisarlo por favor?

Respondido : 23/01/2023 8:03 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Alba,

Verifica agregar este código css en Apariencias > personalizar > css adicional:

.edgtf-position-left {
width: 600px !important;
}
.edgtf-position-right {
width: 600px !important;
}

Un saludo 🖐️ 

Respondido : 23/01/2023 8:39 pm

Cursos Gratuitos WordPress

Alba
 Alba
Reputable Member

@argenis Argenis funciona para el menu izquierdo pero no para el derecho.

Te adjunto 2 capturas, necesito que el menu derecho se centre pegado al logo, pero cuando le pongo el código es cuando se duplica.

header desplazado
header

Por otro lado, necesito que los numeros de How we work sean negros. ¿Podrias darme el codigo por favor?

numeros
numeros edge image slider

gracias!

 

 

Respondido : 23/01/2023 10:16 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Alba

Con respecto a lo que sucede en tu cabecera puedes desactivar de momento los estilos para probar una alternativa?

Con respecto a la paginación si solo lo deseas que se aplique a la pagina de "How we work with you" puedes probar los siguientes CSS

.page-id-10994 .edgtf-image-slider-holder .owl-dots .active {
background-color: #000;
padding: 6px 10px;
}
.page-id-10994 .edgtf-image-slider-holder .owl-dots .owl-dot {
color: #000;
}

Donde la paginación activa tendra fondo para ser diferenciada de las demas

Saludos!

Respondido : 23/01/2023 10:31 pm

Alba
 Alba
Reputable Member

Paginación resuelta.

En cuanto al header, ¿como puedo desactivar los estilos?

Respondido : 24/01/2023 7:50 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alba.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional

 .edgtf-vertical-align-containers .edgtf-position-right {
float: left!important;
margin-left: 10em;
}

 

Un saludo

Respondido : 24/01/2023 10:31 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Alba
 Alba
Reputable Member

nada, se sigue cortando

Respondido : 24/01/2023 12:50 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alba.

Lo estoy probando y veo que funciona:

Captura de pantalla 2023 01 24 a las 13.54.54

Por favor adjunta una captura para que veamos como estas añadiendo el código.

 

Un saludo

Respondido : 24/01/2023 12:56 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alba
 Alba
Reputable Member

Ahora si funciona!

image

Lo unico es que al hacer scroll down, se vuelve a desplazar a la derecha

image

 

Respondido : 24/01/2023 1:59 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alba.

Por lo que puedo ver son dos menús distintos, el principal y el Stick.

Prueba con esto:

.edgtf-sticky-holder .edgtf-position-right .edgtf-position-right-inner {
margin-left: -10em;
}

 

Un saludo

 

Respondido : 24/01/2023 2:18 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Alba
 Alba
Reputable Member

Si, son 2 menus independientes, uno el de la izquierda que comprende (studio, projects y moodboards) y el de la derecha (how we woek, services y contact)

Al añadir este ultimo css mirad lo que pasa sin scroll y con scroll:

header
header 2

 

 

Respondido : 24/01/2023 3:49 pm
Página 1 / 2