Avisos
Vaciar todo

sidebar page responsive

4 Respuestas
3 Usuarios
0 Reactions
184 Visitas
Respuestas: 45
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola,
¿cómo se podría evitar que el widget sidebar page en versión móvil y tablet no ocurra lo que muestro en imagen?

En modo PC=correcto

En modo TABLET=Incorrecto

En modo MOVIL=Incorrecto

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 03/12/2018 8:25 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Prueba agregando el siguiente código CSS al final de tu archivo style.css de tu child-theme

@media (max-width:980px){
    .two_columns_66_33>.column1,
    .two_columns_66_33>.column2 {
        width: 100%;
        float: none;
    }    
}

Con esto estas diciendo que las columnas ocupen el 100% del ancho cuando se llegue a un ancho de 980px, ya que de otra manera no se ve correctamente

Saludos.


 
Respondido : 03/12/2018 9:14 pm
Respuestas: 45
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Uso Bridge y he puesto el código desde CSS adicional. Pero con ese código lo que se consigue es dejar el Sidebar al final como una columna. Y lo que trato es reducir el ancho de ambas columnas (la del blog y la de Sidebar) para que se puedan visualizar ambas en las tres versiones (PC, tablet y móvil)


 
Respondido : 03/12/2018 10:35 pm
Pepe
 Pepe
Respuestas: 42217
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Juan Manuel

lo que se consigue es dejar el Sidebar al final como una columna.
Ese es el comportamiento lógico en la versión para dispositivos móviles, dejar los bloques en una columna.

Si reduces el tamaño, sera complicado su visualizan y lectura y lo mas importante, dificultaras las acciones por ejemplo para seleccionar los días del calendario ya que al ser tan pecho no podrán seleccionar.

De todas formas revisando la web, no veo que muestres la columna de la derecha en los artículos.

Un saludo


 
Respondido : 04/12/2018 12:26 pm