Un usuario preguntó 👇
Hola, publiqué Amazon aStore en mi sitio y parece estar bien en las computadoras pero aislado en el lado derecho de los teléfonos inteligentes. ¿Hay algo que pueda hacer para que se vea bien en los teléfonos inteligentes?
Así es como se ve: http://funknstuff.net/funknstuff-net-store/
Así es como se ve en un teléfono inteligente: http://funknstuff.net/wp-content/uploads/2017/05/Screenshot_20170501-132040.png
¡Gracias!
(@dcoleonline)
Hace 3 años, 8 meses
Hola,
Entonces, esto tiene más que ver con hacer que su iframe responda que con el tema Apostrphe en sí.
Sin embargo, el contenido del iframe en sí no responde, por lo que puede ser mejor que utilice el enlace que ha creado con su tienda de Amazon para usuarios móviles.
Si lo desea, puede mostrar el iframe en tamaños de pantalla grandes donde la tienda funciona bien y ocultar el iframe en pantallas más pequeñas.
Puede agregar este CSS a su sitio mediante Apariencia> Personalizar> CSS adicional para hacerlo:
/* Hide the iframe on smaller screens */
@media screen and (max-width: 911px) {
.post-4158 iframe {
display: none;
}
}Como ya tiene una conexión para teléfonos inteligentes para ver la tienda, ese enlace aparecerá en lugar de la tienda para pantallas más pequeñas.
Si desea ocultar la conexión del teléfono inteligente en pantallas grandes, simplemente agregue este CSS:
/* Hide smartphone link on larger screens */
@media screen and (min-width: 912px) {
.post-4158 a[href*="astore"] {
display: none;
}
}
Si desea probar un iframe receptivo, aquí hay algunos recursos que pueden resultarle útiles:
https://benmarshall.me/responsive-iframes/
https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/
(@scottrobg)
Hace 3 años, 7 meses
Gracias
¿Solucionó tu problema??
0 / 0