Cómo poner barra izquierda en móvil

ELDAMOBILE

Épsilon

Verificado por Binance

• 13 Ene 2022

• #1

Hola amigos, me resulta de una gran ayuda si alguien me podria decir cómo podría poner ese bloque de la izquierda ( barra izquierda ) que salga en modo movil más adelante. En modo movil ese bloque sale el primero .... Gracias !!

Cristo Significado Bíblico

www.eldamobile.com

 

A

anmt

Beta

Verificación en dos pasos activada

• 14 Ene 2022

• #2

CSS:

@media (max-width:800px) {
    .main {
        grid-row:2 !important;
    }
    .aside {
        grid-row:3 !important;
    }
}

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #3

anmt dijo:

CSS:

@media (max-width:800px) {
    .main {
        grid-row:2 !important;
    }
    .aside {
        grid-row:3 !important;
    }
}

Hacer clic para expandir...

Muchas gracias anmt, pero es cierto que ahora se ve primero el contenido, pero desconozco porque sale ahora tan reducido ese bloque principal en modo movil. Ahora sale reducido a la izquierda. Gracias

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #4

Ya lo he arreglado. Muchas gracias

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #5

anmt dijo:

CSS:

@media (max-width:800px) {
    .main {
        grid-row:2 !important;
    }
    .aside {
        grid-row:3 !important;
    }
}

Hacer clic para expandir...

Y disculpamente, una última pregunta, y sabrías como poner esa barra lateral a la derecha ? gracias

 

A

anmt

Beta

Verificación en dos pasos activada

• 14 Ene 2022

• #6

¿Te refieres a poner el bloque de "Últimas palabras" a la derecha del texto de "Cristo significado bíblico"?

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #7

anmt dijo:

¿Te refieres a poner el bloque de "Últimas palabras" a la derecha del texto de "Cristo significado bíblico"?

Hacer clic para expandir...

Si así es, se podria poner a la derecha ? actualmente se ve como barra a la izquierda.

 

A

anmt

Beta

Verificación en dos pasos activada

• 14 Ene 2022

• #8

Pon el bloque main antes del aside y en el css .container cambia el tamanño de los bloques
grid-template-columns: 4fr 1fr;

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #9

Creo que te he entendido, pónmelo en modo css para verlo mejor

 

ELDAMOBILE

Épsilon

Verificado por Binance

• 14 Ene 2022

• #10

Vale, no hace falta, ya está hecho, eres un genio. Muchas gracias por tu ayuda.