• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 04.02.21, 19:41
  • Opened by: David
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #20667 - Bloque menú categorías.

Hola, tengo la última duda respecto al diseño de la web. ¿Mi pregunta es la siguiente existe la posibilidad de tener un menú de categorías para portátiles y país y otro diferente para la tablet y teléfonos móviles.? o solo puedo ajustar el tamaño de las columnas para diferentes dispositivos como se indica en el page builder editor…..?

Adjunto imagen de lo que quiero: (Nota mi cliente no quiere utilizar la plantilla de AMP para dispositivos móviles)

Attachments:

bloque categorías 1.jpg (920.4 KiB)

Comments

Fred 05 Feb 2021, 10:48

Hi, David.
You can make the following trick
- create two blocks, one for desktop another one for mobile
- assign class “hideonmobile” for the first block
- assign class “hideondesktop” for the second block
- add following CSS

@media (min-width:768px) {
.hideondesktop {display:none}
}
@media (max-width:768px) {
.hideonmobile {display:none}
}
David 05 Feb 2021, 16:47

Hola, Fred. Gracias por anticipado si no he entendido mal en el page builder creo los dos 2 bloques (Adjunto foto) una vez creados edito el widget para cada bloque y una vez editado y guardado el layout, pego en CSS el código que me mandas.

¿Ahora te pregunto para entender el truco entiendo que el assign class “hideonmobile” for the first block y él - assign class “hideondesktop” for the second block es para que CSS distinga entre cada bloque y lo mande donde debe de ir, no?

Attachments:

categorias movil desktop.jpg (361.9 KiB)
Fred 06 Feb 2021, 11:24

Yes, you understand all right.
Just add that CSS code to the Theme Settings → Customer CSS