Adaptabilidad de la plantilla

  • andyarenas95

    (@andyarenas95)


    hace 7 años, 6 meses

    Hola amigos la plantilla de mi sitio cuando se abre en dispositivos con pantallas grandes se expande y salen 2 sidebar, como puedo hacer que se adapte automáticamente con 1 sidebar y el contenido principal para todos los dispositivos? abajo les dejo fotos

    CUANDO EL DISPOSITIVO ES AMPLIO SE VISUALIZA ASÍ, NO ME GUSTA.
    DISPOSITIVOS AMPLIOS

    DISPOSITIVO NORMAL (QUIERO QUE SEA ASI PARA TODOS LOS DISPOSITIVOS)
    DISPOSITIVO NORMAL

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

    (@almendron)

    hace 7 años, 6 meses

    Ya lo siento pero no podemos ayudarte ya que usas un tema de pago al que los voluntarios de este foro no tenemos acceso.
    Deberás ponerte en contacto con sus desarrolladores y plantearles a ellos el problema.
    En cualquier caso, resulta extraño que en las opciones del tema no aparezca una para poner 1 o 2 sidebar.

    Iniciador del debate andyarenas95

    (@andyarenas95)

    hace 7 años, 6 meses

    Gracias almendron, no aparece esa opcion, y no es que el sitio tenga 2 sidebar, lo que pasa es que el sidebar principal se divide en 2 cuando el ancho del dispositivo es muy grande. Una pregunta, no tengo que cambiar uno de estos valores para corregir esto?

    .icontainer {
    position: relative;
    display: block;
    margin-left: 100px;
    margin-right: 100px;
    max-width: 1720px;
    }
    @media screen and (min-width: 1720px) {
    .icontainer {
    margin-left: auto;
    margin-right: auto;
    }
    }
    @media screen and (max-width: 1200px) {
    .icontainer {
    margin-left: 50px;
    margin-right: 50px;
    }
    }
    @media screen and (max-width: 991px) {
    .icontainer {
    margin-left: 30px;
    margin-right: 30px;
    }

    —————————– o esto

    @media screen and (min-width: 768px) and (max-width: 991px) {
    .container {
    width: 100%;
    }
    .col-md-15.col-sm-4 {
    margin-bottom: 30px;
    }
    .col-md-15.col-sm-4:nth-child(3n+1) {
    clear: left;
    }
    }
    /* Extra Small Devices – Phones */
    @media screen and (max-width: 767px) {
    .col-sm-9.pull-right {
    float: none !important;
    }
    }
    /* Large Devices – Desktops */
    /* Medium Devices – Desktops */
    @media screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-visible-lg {
    background-image: none !important;
    }
    }
    /* Small Devices – Tablets */
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .bg-visible-lg {
    background-image: none !important;
    }
    .bg-visible-md {
    background-image: none !important;
    }
    }
    /* Extra Small Devices – Phones */
    @media screen and (max-width: 767px) {
    .bg-visible-lg {
    background-image: none !important;
    }
    .bg-visible-md {
    background-image: none !important;
    }
    .bg-visible-sm {
    background-image: none !important;
    }
    }
    /* Internet Explorer
    ====================================*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    }

    • Esta respuesta fue modificada hace 7 años, 6 meses por andyarenas95.
    Moderador almendron

    (@almendron)

    hace 7 años, 6 meses

    En principio, no debes tocar nada de eso.
    ¿Estás seguro que el tema no tiene opciones para mostrar 2 , 3 o 4 columnas?

    Iniciador del debate andyarenas95

    (@andyarenas95)

    hace 7 años, 6 meses

    No almedron, nada mas me permite añadir widgets y ya.

    Moderador almendron

    (@almendron)

    hace 7 años, 6 meses

    Sin poder acceder al tema es imposible ayudarte. Ponte en contacto con el soporte de la plantilla a ver que te dicen.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Adaptabilidad de la plantilla’ está cerrado a nuevas respuestas.