Tagged: layout
I find that the three column layout, and even the two column layout do not go down to one column soon enough and the content starts looking very rectangular and well kinda squished and wrong. Is there a snippet or a setting or even documentation on this topic. I can change the css of the div.avia_one_half and also the flex cell inner, but I don’t want to waste time on this. I like the theme and it has few if no options for how it behaves at different screen sizes. I spent half an hour fixing the footer of my last work becuase the columns looked horrible again about 100px before it goes to the one column layout.
actually this seems to work for my layout…
@media(max-width:1080px){
.av_one_half {
display: block;
width: 100% !important;
min-height:50vh;
}
}