diegora
Forum Replies Created
-
OK,
I already told you the site address, it’s http://abreuelima.pe.gov.br/ and i checked it.
I’m reporting a BUG for you.
It doesn’t matter if i change rt-col-xs-12 to rt-col-xs-6 since the only difference is the width:50% in small screens and i had already changed that in rt-col-xs-12.I’VE IDENTIFIED WHAT IS CAUSING THE GRID TO BE BROKEN WHEN IN MOBILE:
When in full screen, the DIV height is set to a calculated number so that every DIV has the same height. BUT when you change the screen to a small enough size, the DIV HEIGHT is changed to AUTO and that breaks the boxes alignment since some TEXT is bigger than others, IF a text(title in my case) has more lines the the other on it’s side, the DIV alignment becomes BROKEN.
How can i fix that?any help?
Sorry, wrong link. Try abreuelima.pe.gov.br
Thanksif you can look by yourself, you can check at abreuelima.pe.gov.br/teste5
i tried everything, width size, reduce padding, no matter what i get 2/1/2/1grid and the 1grids are always aligned right, i checked on mobile in Safari and Chrome browser, i don’t understand, please help. Thank you again for the awesome Plugin.I typed wrong, i was using 768px. It works most of the time but at certain sizes, as you shrink the screen, it goes 2 grid/1 grid/2grid/1grid and i don’t know why.
I don’t understand the second option.
Thanks in advance.Exactly, you set to 1 grid in mobile by default, i want to set it to 2 grid in mobile. What’s the custom CSS i need?
I tried:
@media (max-width: 780px) {
.rt-col-xs-12 {
width: 50%;
}
}BUT with that i get 2 grid / 1 grid/ 2 grid /1 grid.