medìdas màximas de la imagen de fondo de la cabecera y de la pàgina de bienvenida del tema storefront  

Hola Carmen,

Una de las muchas versatilidades de Storefront es que tu puedes ajustar el espacio de la cabecera para que añadas una imagen como fondo (lo cual no te recomiendo, porque en móviles se cortará) y que no necesitas toquetear muchas cosas para hacerlo.

Desde "Apariencia", "Personalizar", "Cabecera" puedes establecer la imagen y el formato de dicha cabecera. Lo ideal es que no abuses con imágenes muy grandes, aunque la recomendación lógica seria no añadir imágenes estáticas en la cabecera.

Para otras consultas te agradecemos abras hilos separados.

Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.

Gracias por tu colaboración.

Hola Luis
Muchas gracias por tu ayuda. La imagen de fondo es referida al tema del sitio. La medida que puse es de 1950 por 500, pero me avanza sobre el menú. Por eso era mi pregunta. Como hago para que no avance?
Te reenvío la captura pero lo puedes ver en el link del sitio que estoy armando.
Respecto al otro tema abro otro hilo.
Espero tu respuesta
Gracias desde ya
Saludos
Carmen

Hola Carmen.

La imagen de cabecera es un backgroun de la posición header, es decir aunque varies el tamaño esto no hará que el menú se supergon con la imagen ya que el menú forma parte de ese header.

En el caso de querer poner un a imagen como cabecera lo que puedes hacer es variar el color del texto, pero veo que cambiaste la cabecera y bajo mi punto de vista me justa mucho más sin imagen y solo con el logo:

Si quieres poner una imagen de fondo lo que puedes hacer es modificar el color del texto del menú:

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #fefefe;
}

Un saludo

Gracias Pepe, ya lo hice, puse el código css pero se cambia el color cuando clicko sobre la palabra, sino está todo el menú negro
Es decir que debe faltar algo más estimo, para que las palabras del menú se vean blancas(ejemplo) y cuando las clickee se vean de otro color no negro
Gracias
Saludos
Carmen

Hola Carmen.

Ok, elimina el código anterior y añade lo siguiente:

 .primary-navigation a {
     color:#fefefe!important;
     font-weight:700;
     font-size:20px
 }

 .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color:red!important;
}

.header-cart .cart-contents {
    color: #fefefe;
}

.site-header, .storefront-handheld-footer-bar {
    background-repeat: no-repeat;
    background-size: cover;
}

Un saludo

Perfecto Pepe, ya lo hice y quedó re bien.
Solo que en el menú del teléfono los items quedaron en negro y cambiaron al amarillo(yo cambié rojo por amarillo) cuando clickas.
Es decir que solo faltaría agregar un código para que en los celulares el menú se vea en blanco.
Saludos
Carmen

Hola Carmen:

Prueba con esto:

 @media (max-width: 768px) {
 .main-navigation ul li a {
     color:#fefefe!important;
     font-weight:800!important;
 }
}

Un saludo

B) :laugh:
Genial Pepe
Has sido muy amable
Puedes cerrar el hilo
Saludos
Carmen