Hola he puesto la posición Drawer de la plantilla Sinope en modo oculto para resoluciones superiores a 768px y he puesto 4 botones (imagen pantalla móvil) para que se vean en la versión móvil y estoy buscando la forma de que se vean las imágenes en vez de en vertical en horizontal en dos posiciones superpuestas, dos imágenes y debajo otras dos, he utilizado el Widget de Gantry para hacer las separaciones pero no funciona, se quedan las dos primeras imágenes en vertical y las otras dos que quedan por debajo no se visualizan.
URL del sitio: Contenido solo visible a usuarios registrados
Hola
La posicion drawer usualmente es reservada parareporte de mensajes del sistema, prueba hacer lo mismo con tus mismos widgets en otra posición y verifica.
Saludos.
He realizado el cambio que me has indicadolo he puesto en header y no ha dado resultado.
Saludos
Hola
Usa una posición media como showcase o inferior como footer, envía una captura de pantalla para ver como lo tienes configurado.
Saludos.
Las posiciones que me indicas las tengo ocupadas, como tengo algunas que no son visibles en PC y otra en Moviles para no tener que andar cambiando nada puedo utilizar las posiciones "feature,Utility" que son las dos que quedan libre por encima de Main Body que es lo que quiero.
Te adjunto una imagen con la configuracion que tiene que tener la posicion horizontal, son las 4 de Imagen Jetpack.
Saludos
Hola Domingo.
Prueba añadirlo en la posición Feature que es la que tienes después de showcase y comprueba si en esa posición se visualiza bien.
Un saludo
Hola domingo.
Si pones los botones que indicas en horizontal, va a ser imposible que los posibles clientes puedan seleccionarlos ya que que darian muy pequeños y perderían su funcionalidad, pero bueno puedes probar lo siguiente:
@media (max-width: 699px) { .jetpack-image-container { float:left; }
Un saludo
Hola Pepe
Lo que busco es que aparezcan dos botones y en paralelo los otros dos, "creo" que habra suficiente espacio para que los usuarios puedan tocar cualquiera de los dos botones.
he puesto lo que me has aconsejado y no ha dado resultado.
saludos
Hola
Prueba con el siguiente código CSS para la posición de featured
@media ( max-width:768px){ #rt-feature .rt-container .rt-grid-4 > div{ width: 40%; float:left; background:red; margin:0px; } }
Puedes agregar este código al final del archivo:
/wp-content/plugins/wpi-designer-button-shortcode/custom_script.css
Saludos.
Ha quedado casi perfecto, que agrego o cambio para que el codigo solo afecte a estos 4 botones y los tres con telefono y el pequeño banner superior se queden como los de la imagen -botones -movil-Correcto- y no como ha quedado ahora -botones -movil-no correcto-
Saludos
Hola
Actualmente no veo la sección que comentas.
Entiendo que quieres aplicar el cambio sólo sobre los botones y no sobre la primera columna.
Saludos.
En la imagen -botones -movil-Correcto- es como tiene que quedar para que este correcto y la imagen -botones -movil-no correcto- es como esta despues de añadir el codigo.
los 4 botones estan ahora perfectos 2 y 2 pero tambien se apliac estilo a los tres botones de movil y el pequeño banner de cabezera y esto no es lo que busco, como debo proceder.
Saludos
Hola
Prueba especificar algo diferente para el primer elemento, es decir el código anterior quedaría:
@media ( max-width:768px){ #rt-feature .rt-container .rt-grid-4 > div{ width: 40%; float:left; background:White; margin:0px; } #rt-feature .rt-container .rt-grid-4.rt-alpha div{ width:100%; float:none; clear:both; text-align:center; } }
Saludos.
Hola, ha quedado casi listo, he intentado variar un poco el codigo para separar un poco el banner del boton inicio y ademas hacer que la separacion entre los elementos o bloques sea menor y se descuadra todo, me puedes enviar el codigo modificado para subsanar estos pequeños cambios.
Saludos