• Tengo unos bloques con unos años que tanto en Ordenador como en Tablet funcionan pero en Móbil no se ven.

    Nos gustaría hacer algo más pequeño las fechas justo en el mobil pero no veo la opción. Solo me deja modificar el html pero no veo que clase puede modificarlo y como hacerlo solo en mobile.

    ¿Alguien ya ha tenido el problema antes?

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Moderador almendron

    (@almendron)

    Indica qué bloque es el que no se ver porque no detecto ningún problema.

    Iniciador del debate aura1

    (@aura1)

    Es el bloque que tiene com 48 botones con un numero de año no me deja insertar una imagen está debajo

    ¡Compara tu mejor seguro según tu edad!
    Selecciona tu año de nacimiento ->

    • Esta respuesta fue modificada hace 1 año, 12 meses por aura1.
    Moderador almendron

    (@almendron)

    No lo veo. Indica la URL de la página donde tienes puesto ese bloque.

    Iniciador del debate aura1

    (@aura1)

    Moderador almendron

    (@almendron)

    Por lo que veo, es un problema de espacio. Simplemente los números no caben.

    En dispositivos móviles deberías poner menos columnas (dos como máximo).

    Iniciador del debate aura1

    (@aura1)

    Que selecciono la opción del móvil y quito los botones?

    Es que está hecho cada línea como una row de 5 botones.

    Moderador almendron

    (@almendron)

    Podrías poner «cajas» (con DIV para cada número) y luego usando «float» para que se vayan alineando a la izquierda.

    O en móviles, reducir el número de columnas.

    Iniciador del debate aura1

    (@aura1)

    Pero ya tengo una caja para cada uno

    <div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__medium-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-ba0722a7"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap"><!-- wp:uagb/buttons-child {"block_id":"6bced7b5","fontWeight":"","label":"1983","link":"https://www.elcomparadorseguro.com/?origen=PR-LP","size":20,"topPadding":-1,"rightPadding":-1,"bottomPadding":-1,"leftPadding":-1,"background":"var(\u002d\u002dast-global-color-0)","hBackground":"var(\u002d\u002dast-global-color-7)","lineHeight":0,"fontStyle":"normal","topMargin":0,"rightMargin":0,"bottomMargin":0,"leftMargin":0,"iconColor":"","borderWidth":"","borderRadius":"","borderStyle":"","borderColor":"","borderHColor":"","btnBorderTopWidth":1,"btnBorderLeftWidth":1,"btnBorderRightWidth":1,"btnBorderBottomWidth":1,"btnBorderTopLeftRadius":2,"btnBorderTopRightRadius":2,"btnBorderBottomLeftRadius":2,"btnBorderBottomRightRadius":2,"btnBorderHColor":"#333","letterSpacing":0} -->
    <div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-6bced7b5 wp-block-button is-style-outline"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link has-background" href="https://www.elcomparadorseguro.com/?origen=PR-LP" onclick="return true;" rel="follow noopener" target="_self"><div class="uagb-button__link">1983</div></a></div></div>
    <!-- /wp:uagb/buttons-child -->

    Pongo style= «float:left» en el primer div pero no lo hace. Cuando lo hace me pide : este bloque contiene contenido inesperado y no válido y no me deja hacerlo. Me puedes dar un ejemplo porfavor?

    Moderador almendron

    (@almendron)

    Una pregunta: ¿usas el editor Gutenberg? ¿no hay un bloque para columnas?

    Lo pregunto porque se supone que dicho bloque es responsive.

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)

El debate ‘En el responsive los números no se ven’ está cerrado a nuevas respuestas.