css para mobile  

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 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 ....

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.

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...

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.

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...

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.

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!

Hola

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

Saludos.

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....

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.

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

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.