Añadir botón y mostrar foto también en móvil

Hola Ana,

La imagen de consultora hotelera estratégica se muestra en el ordenador, pero no en el móvil. (adjunto imagen)

La imagen es una imagen de fondo, es mejor si la agregas como una imagen normal con el módulo de Imagen en lugar de agregarla como el fondo de la sección que tienes. El problema es que la sección no tiene contenido, entonces en móvil no se ve porque no hay nada que mostrar, en PC sí, porque a la izquierda tienes el otro contenedor con contenido que alarga la sección.

La imagen principal se muestra bien en el móvil, pero en el ordenador se muestra solo la parte de arriba, lo ideal sería poder elegir que parte de la foto mostrar o empequeñecerla para que se vea más completa.

Le tienes activo el efecto Parallax esto lo fuerza a que se muestre desde arriba. Desactívalo.

Luego, en las opciones de abajo a esa, verás cómo ajustarla: si centro, arriba o abajo.

En el último apartado me gustaría añadir un botón, pero no me deja.

¿Dónde exactamente y cómo lo estás tratando de hacer? Compártenos una captura.

Un saludo 🖐️ 

Hola Argenis,

Muchas gracias pro tu respuesta y ayuda.

Voy por pasos:

1.- No me queda claro como debo incluirla como imagen, ya que en el sistema solo veo la opción de incluirla como fondo. Te adjunto captura de pantalla.

3.- Te muestro donde lo quiero (abajo de todo en la misma caja de texto)

Espero tu noticias.

Gracias

Ana

Hola Argenis nuevamente,

olvidé comentarte que el botón de pagar me está dando problemas también. 

Em la plantilla solo veo una opción en la que pueda poner el enlace. Cuando lo hago así no funciona. Cuando creo un nuevo botón (pero este no está dentro de la caha de precios) sí puedo poner el enlace y funciona correctemente.

Te adjunto captura de pantalla para que lo veas más claro.

Gracias por tu ayuda.

Ana

Hola Ana, 

Solo tienes que añadir el modulo de imagen y luego en este la imagen como tal:

Luego solo tienes que añadir la imagen y esta sera vera en movil y escritorio, como te comentar argenis lo mejor es no dejar un espacio vacio ya que no se veras.

Por otro lado no me queda claro lo del boton, solo debes añadir el boton en la seccion:

Comentanos cual es el error que no te permite incorporarlo para verificar con detalle. 

Un Saludo 

Hola Karen,

he creado ahora la imagen, pero me sale súper estrecha y no se me ve como persona. Además el texto ahora queda hacia la derecha en ordenador y lo mejor sería centrarlo ¿Cómo lo arreglo?

Adjunto captura de pantalla. 

En cuanto al tema del botón. Son 2 cosas:

El primer botón (caja de precio) viene de plantilla. He puesto el enlace de compra en el botón pero da error. Luego he creado para testear un botón desde añadir una nueva sección y ahí si que funciona el botón. Pero yo el botón lo quiero dentro de la caja, como venía de la plantilla ¿Cómo soluciono esto?

El otro botón está en la parte final de la página. Necesitaría centrarlo x subirlo para que no quede tan suelto. ¿Qué pasos he de seguir? Muchas gracias!!!, Ana

Hola Ana, 

En la sección de la imagen porque la tienes en la parte superior? no debe ser dos columnas? si quieres que la columna con la imane este al lado debes convertir esta sección en dos columnas

Con respecto al boton que esta en la caja de precios un boton externo no es posible añadirlo, en ese caso tendrias que eliminar toda esa sección y recrear cada uno de los elementos de forma manual, de manera general que error genera el boton de la caja de precio cuando añades el enlace?

Ten en cuenta que el enlace que se añade en la parte de afuera de la caja no es el mismo que el enlace del boton, debes añadir el enlace al boton como tal para que funcione

Por ultimo si quieres centrar un boton solo debes alinearlo en las opciones de diseño del boton

Verificalo y nos comentas como va todo

Un Saludo 

Hola Karen,

gracias pro tus videos. Así queda muy claro. He podido solucionarlo. De lo queme he dado cuenta ahora es de que la últimaparte del texto no se puede leer bien en dispositivos móviles porque está muy a la derecha. Cómo soluciono esto?

Gracias

Ana

Hola Ana.

Añade lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

@media (max-width: 768px) {
.et_pb_module.et_pb_text.et_pb_text_10.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-right: 0px !important;
}
}

Revisa si se soluciona y nos comentas

Un saludo

Muchísimas Gracias!!!

Hola Ana, 

Gracias a ti, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊