Hi,
We are using Grid Boxes on our homepage at http://limocycle.com/. They are positioned just under the top main image and they look great on desktop. They stack properly on mobile phones. However in portrait view on ipads and android tablets, you cannot read the text. They boxes don’t stack like they do on a mobile device. However switching to landscape on the tablet / ipad fixes this.
How do we resolve this for the portrait view?
Thank you,
PS: Love the theme.
Yvonne
Hey!
I edited your Grid Row element and gave it a unique ID and then added following code to Style.css file of your child theme in Appearance > Editor
@media only screen and (max-width: 1140px) and (min-width: 767px) {
#grid-home, #grid-home .flex_cell {
display: block;
width: 100%!important;
}}
Please flush browser cache and review your website
Best regards,
Yigit