css para mobile  

 
Johanna Nunez
 Johanna Nunez
Estimable Member

Hola, le queria consulatr por que estaba creando un menu de iconos en la url de /preguntas-frecuentes/ me sucede que al verlo en un celular aparecen todos en columna vertical y se hace larguisimo, me gustaria que se vean mas chicos y de a 4 juntos en forma horizontal...
Que codigo css deberia de aplicar?
Desde ya gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/06/2019 8:15 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que estas usando algún tipo de constructor para esto.
Qué constructor es?

Veo que sólo tienes iconos, no irá texto?
Contenido solo visible a usuarios registrados

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/06/2019 8:47 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Johanna Nunez
 Johanna Nunez
Estimable Member

Si tenia pensado poner texto abajo, no encontre elemento q me permita hacer todo junto... Estoy usando wc bakery builder (ex vc) con massive adons... ya que viene con mi theme ....

ResponderCitar
Respondido : 21/06/2019 9:03 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba algunas de las opciones que indican en el siguiente artículo:
https://apollo13themes.com/advanced-tricks-visual-composer/

Por ejemplo agregar una columna para móviles, como última opción podrías crear una sección para móviles especial y ocultar la que se muestra en desktop

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/06/2019 10:00 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Johanna Nunez
 Johanna Nunez
Estimable Member

yo lo que buscaba es que cuando se achica la pantalla no se pongan todos encolumnados haciendo una paigna interminable , sino que se achiquen y se acomoden . Pense q con alguna porpiedad css se podia lograr...

ResponderCitar
Respondido : 22/06/2019 7:16 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Hacerlo por CSS si es posible, sin embargo si usas un constructor deberías ver primero si es posible hacerlo con el constructor ya que el constructor genera una estructura HTML y CSS más compleja y con más prioridad e intentar cambiar eso por CSS se puede complicar y además no estaría acorde con las configuraciones que tienes en el constructor.

Si terminas de realizar tu diseño y no encuentras la opción en el constructor, entonces si que podríamos evaluar sobrescrir los estilos generados y forzar el comportamiento de dos columnas.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/06/2019 8:46 pm

Cursos Gratuitos WordPress

Johanna Nunez
 Johanna Nunez
Estimable Member

Hay una opcion de parametros responsive en las columnas pero no logro acomodarlo....
Si yo uso otro elemento por ej. Galeria de imagenes no hay problemas por que se ven mas pequeños y se van acomodando.... , pero con otros elementos como iconos en este caso mantienen su tamaño y se ponen en columna al achicarse la pantalla... hay una opcion dentro del constuctor para poner estilo css a una pagina especifica pero no se que propiedad usar...

ResponderCitar
Respondido : 24/06/2019 4:48 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jhoana,

Sí es posible hacer modificaciones vía CSS pero resulta complejo cuando se trabaja con un constructor como el que estás usando. Lo ideal es configurar el comportamiento de las columnas y filas desde Visual Composer, el método de CSS personalizado hay que dejarlo como última opción. En la web puedes encontrar muchos tutoriales al respecto, revísalos y verás que es más sencillo de lo que parece, te dejo un par de ellos que seguro te serán útiles

https://www.youtube.com/watch?v=n82OB6FVEso

https://www.youtube.com/watch?v=3e0iI8YSfAk

Saludos.

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 24/06/2019 10:23 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Johanna Nunez
 Johanna Nunez
Estimable Member

gracias por la info la voy a mirar.
Les hago una consulta mas de las propiedades css... Hice un menu de iconos en la pagina principal q es solo visible en pantallas pequeñas, peor cuando lo veo en verical, osea mas angosto se ve deformado, cuando la pantalla esta en horizontal se ve bien... como podria hacer para que en vertical los iconos se deslicen hacia los costados sin peder la forma, o que se achiquen sin deformarse.... ?
desde ya gracias!

ResponderCitar
Respondido : 24/06/2019 9:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Cual es el menú de íconos?, podrías enviarnos una captura de pantalla para saber exactamente a qué te refieres

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/06/2019 10:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Johanna Nunez
 Johanna Nunez
Estimable Member

Me exprese mal, como no habia menu de iconos, use el elemento que es de icono con link , osea botones ... y lo vinculo a las categorias de productos solo visible para pantalla chicas.... y tengo el problema visual que les comente previamente segun ponga la pantalla en vertical en la cual se ve mal y en horizontal que se ve ok....

ResponderCitar
Respondido : 24/06/2019 10:46 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Mejor envía una captura de pantalla para ver cómo es que lo estas viendo, actualmente no he detectado lo que comentas, el menú aparece tal como se muestra en la imagen adjunta.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/06/2019 11:23 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Johanna Nunez
 Johanna Nunez
Estimable Member

Les paso adjunta la captura de como se ve en el celular en 1. Forma vertical 2. Forma horizontal
Me gustaria que los iconos se vean prolijos como en formato horizontal, aunque sean mas pequenos..
Pero no se como solucionarlo.
Desde ya gracias

ResponderCitar
Respondido : 24/06/2019 11:53 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes insertar el siguiente código en tu plantilla:

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md {
	max-width: none!important;
} 

Cabe destacar que los círculos no ingresarán en la pantalla por lo que tendrías que hacer un salto de línea para que no se genere dicho efecto.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/06/2019 4:25 am

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro