Cómo hacer que aparezca el botón 'Leer más' en dispositivos móviles

DavidVaz · 4 Oct 2016

Buenos días compañeros

Estoy teniendo un pequeño problema con mi nueva página web

Resulta que las entradas se ven desde el ordenador poniendo el puntero sobre una imagen, y entonces aparece un botón de "Leer más" y un pequeño resumen, pero...

En los dispositivos móviles, no hay manera de hacer que aparezca el botón.

¿Qué podría hacer? ¿Me podéis ayudar?

¡Gracias!

website: Abandoned Places

AnbaG · 4 Oct 2016

Te aconsejaría que cambiaras el comportamiento para móviles para que fuera un click sobre la imagen en vez de hover, ya que eso va a hacer que la página no sea navegable (van a estar saliendo ventanitas continuamente al intentar deslizar la pantalla y no vas a poder hacer scroll)

DavidVaz · 4 Oct 2016

Y... ¿Como podría hacer eso?

Yo tengo los estilos así definidos:

Insertar CODE, HTML o PHP:

.box:hover .left {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    left: 0px;
}
.box:hover .right {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    right: 0px;
}
.box:hover .top {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    top: 0px;
}
.box:hover .bottom {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    bottom: 0px;
}
.box:hover .top-left {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    top: 0px;
    left: 0px;
}
.box:hover .top-right {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    top: 0px;
    right: 0px;
}
.box:hover .bottom-left {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    bottom: 0px;
    left: 0px;
}
.box:hover .bottom-right {
    -webkit-transition: all 0.4s cubic-bezier(.99, .99, 0, .61);
    bottom: 0px;
    right: 0px;
}

Pero claro, no tengo ni idea de como cambiarlo para que sea hacer un click sobre la imagen en vez del hover.

Gracias! :encouragement:

- - - Actualizado - - -

Ayuda por favor

DavidVaz · 10 Oct 2016

Upp No consigo solucionarlo aún

Cómo hacer que aparezca el botón 'Leer más' en dispositivos móviles

DavidVaz

AnbaG

DavidVaz

DavidVaz

Temas similares