• Resuelto carloxs66

    (@carloxs66)


    He tenido problemas con este codigo css @media only screen and (max-width : 790px) `{div.column_inner{
    margin-left: -25px;
    margin-right: -25px;
    }
    }`

    El código es para ajustar en margen de blog en dispositivos móviles, pero según sea el tamaño del móvil pone un margen distinto y en los móviles mas pequeños se me corta el texto y los comentarios.

    Como puedo hacer para que el margen se me respete ya sea en cualquier tamaño.

    • Este debate fue modificado hace 4 años por Fernando Tellado. Razón: Etiquetado correcto del código

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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador jose64

    (@jose64)

    Hola

    Si puedes no uses márgenes negativos, en algunos casos pueden causar ese recorte en los contenidos. Aparte de esto, usa unidades relativas, no absolutas, así puedes hacer que el margen varíe proporcionalmente en cada ancho de pantalla:

    CSS Units

    Yo por lo que vi el ancho está fijado en 1100px, para dispositivos de hasta 1200px en 950px, para menores de 1000px en 768px, para menores de 768px en 600px, para menores de 600px en 420px y finalmente para menores de 480px en 300px. Si cambias el ancho en pixels por un ancho en % o vw para las medidas de pantallas pequeñas puedes hacer que el margen varíe con el ancho del dispositivo, haciendo que desaparezcan esos margenes tan anchos.

    Si con esto queda resuelta tu duda, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate carloxs66

    (@carloxs66)

    Vale pero como aplicó ese cambio ??
    Yo quiero reducir el ancho pero solo en móviles , y que ese margen de mantenga igual si el el dispositivo es grande o pequeño.

    Moderador jose64

    (@jose64)

    Tienes que determinar a partir de que medida quieres que funcione, te dejo el enlace con la información de como ver las medidas en las que cambia la visualización:

    Simulación de dispositivos móviles con Device Mode en Chrome DevTools

    Tienes que ver cuales son la que tienes que modificar, copiarlas y hacer los cambios en un tema hijo o en las personalizaciones de tu tema.

    No puedes crear nuevas medidas, tienes que adaptarte a las que ya existen, si no no te funcionará correctamente.

    En tu caso la regla a modificar es (95vw es un ejemplo):

    .container_inner.default_template_holder.clearfix {
        width: 95vw;
    }

    Y las queries a modificar creo que serían:

    @media only screen and (max-width: 420px)
    @media only screen and (max-width: 480px)
    @media only screen and (min-width: 480px) and (max-width: 768px)

    Ahora te toca hacer las pruebas correspondientes, con la información que consigas en el inspector del navegador deberías poder modificarlo sin mayor dificultad.

    No te puedo indicar más porque el tema Bridge que estás usando es un tema comercial. Si estás usando un tema comercial y necesitas soporte debes ir a su canal de soporte oficial. Para dar el mejor servicio a la comunidad WordPress, y generar progreso e innovación, creemos que es importante dirigir a la gente a los sitios oficiales.

    Welcome to Qode Help Center

    Además, los voluntarios del foro no tenemos acceso a productos comerciales, así que no sabríamos porque tu tema comercial no funciona adecuadamente. Y hay otra razón por la que los voluntarios te dirigimos a los vendedores del producto comercial: los vendedores son responsables de dar soporte a su producto comercial.

    Se podría resumir en que en los foros de WordPress.org podemos dar soporte a todo aquello que se pueda instalar o descargar desde WordPress.org.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Ajustar en ancho del Blog /TEMA BRIDGE/’ está cerrado a nuevas respuestas.