Avisos
Vaciar todo

Poner columnas una al lado de otra

2 Respuestas
2 Usuarios
0 Reactions
7 Visitas
Respuestas: 109
Estimable Member
Topic starter
 

Buenas noches como hago para que en movil esas 2 columnas quede una al lado de la otra ? es en la pagina de home 

WhatsApp Image 2022 03 08 at 6.52.43 PM

 

Contenido solo visible a usuarios registrados


 
Respondido : 09/03/2022 12:03 am
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Que tal Jonathan,

El colocar ambas imágenes una al lado de la otra en la vista mobile representa que juguemos un poco con los estilos que rigen ambas columnas, por ejemplo

Tenemos una Fila con dos columnas, a cada fila vamos a aplicarle una clase de la siguiente manera

image

Ya con nuestra clase estipulada como "mitad" vamos a aplicar los CSS que haran que se vean ambas imagenes en una fila en dispositivos mobiles, estos estilos CSS puedes aplicarlos desde el apartado de ajustes de Divi, desde el editor directamente en la pagina (pero solo funcionaran en dicha pagina) o por ultimo desde las opciones Apariencia-> Personalizar-> CSS agregado

@media(max-width:768px){
.mitad{
width: 50% !important;
padding: 10px;
}}

En este caso los colocare directo en el editor de la pagina, guardo cambios y valido su funcionamiento

image
image

Nos comentas si te ha funcionado, Saludos!


 
Respondido : 09/03/2022 12:39 am