Cómo ajustar el slider sin afectar el full screen

  • Autor Autor arbitre
  • Fecha de inicio Fecha de inicio
A

arbitre

Épsilon
Verificación en dos pasos activada
Hola, acabo de adquirir un theme en themeforest y quiero modificarlo un poco, aunque me está costando.

El theme tiene un full screen slider y el menú se superpone en el screen. Lo que yo quiero es que el menú quede arriba pero con fondo blanco y justo debajo el slider. Lo he intentado hacer de dos formas:

- Background: white al menú
- Margin-top al slider de 20 px

El problema es que el slider se baja y hace scroll vertical. ¿Alguna solución? Este es el theme: Shopkeeper | Premium Responsive Shop Theme for WordPress and WooCommerce

¡Gracias!
 
Pero dándole background al row del menu ahí se queda el color.
 
El menú y el slider están dentro del mismo o mismos divs?

Si el slider hace scroll al insertar el margin-top, tendrás que reducir el tamaño (alto) del slider para que siga quedando justo a tu ventana.

Quedaría mejor darle un color como dices en blanco al fondo del menú, pero le agregas el opacity, así se seguirá viendo el slider.
 
Última edición:
SnakeNet dijo:
Pero dándole background al row del menu ahí se queda el color.
Hacer clic para expandir...

Hola! Gracias por responder. Lo he intentado pero tapa parte del slider. Yo lo que quiero es que el slider baje y se adapte al nuevo espacio.

- - - Actualizado - - -

krusty72 dijo:
El menú y el slider están dentro del mismo o mismos divs?

Si el slider hace scroll al insertar el margin-top, tendrás que reducir el tamaño (alto) del slider para que siga quedando justo a tu ventana.

Quedaría mejor darle un color como dices en blanco al fondo del menú, pero le agregas el opacity, así se seguirá viendo el slider.
Hacer clic para expandir...

NO, están en distintos divs, solo que el menú está con un z-index mayor para aparecer encima.

El problema de ajustarlo a mi ventana, es que no se adaptaría al resto de ventanas y ahora, sin tocar nada, se ajusta a la perfección a todas.
 
"Ajustado a tu ventana", me refiero a que siga viéndose como originalmente es, pero es obvio que si al diseño le estás agregando 20px de alto, el sitio aparece con un scroll. No me refiero exactamente y únicamente a tu pantalla.

Esos 20px que agregas, tendrás que quitarlos de algún lado para que siga igual el diseño.
 
Hola compañero

Para que el slider se baje y no muestre el scroll, busca este código
HTML: 
<div class="full-width-page page-title-hidden">

y coloca el style ......
HTML: 
<div class="full-width-page page-title-hidden" style="position:relative;top:90px;">
_____________________________________________________________________________________

Para darle color al fondo del menú, busca........
HTML: 
<div class="top-headers-wrapper">

y le pones el style....
HTML: 
<div class="top-headers-wrapper" style="background:#222;">

Ya nos contarás 🙂

Saludos

PD.- Lo he probado y queda bastante bien 😉
 
OLMID dijo:
Hola compañero

Para que el slider se baje y no muestre el scroll, busca este código
HTML: 
<div class="full-width-page page-title-hidden">

y coloca el style ......
HTML: 
<div class="full-width-page page-title-hidden" style="position:relative;top:90px;">
_____________________________________________________________________________________

Para darle color al fondo del menú, busca........
HTML: 
<div class="top-headers-wrapper">

y le pones el style....
HTML: 
<div class="top-headers-wrapper" style="background:#222;">

Ya nos contarás 🙂

Saludos

PD.- Lo he probado y queda bastante bien 😉
Hacer clic para expandir...

¡Que crack! Gracias, ahora si queda genial 😛8:
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Nikkygeek
¿Cómo ajustar la cantidad de columnas en el theme Blogza?
Respuestas
3
Visitas
40
Nikkygeek
Nikkygeek
H
Cómo ajustar el archivo robots.txt para reducir la carga del servidor
Respuestas
3
Visitas
132
henrym
H
V
¿Cómo ajustar un iframe en un div para que ocupe todo el ancho de la página?
Respuestas
1
Visitas
578
jeremie
J
Ocio132
¿Cómo ajustar el CLS de mi logo para hacerlo responsive?
Respuestas
9
Visitas
593
Ocio132
Ocio132
JulioRC
¿Cómo ajustar el ancho de la página - Blogger?
Respuestas
0
Visitas
174
JulioRC
JulioRC
Atrás
Arriba