-
Posts
-
Hi, I have a strange bug with the grid row element on smartphones. I have a grid row with four columns/boxes. When the page first loads, it displays correctly: the four boxes stack vertically. When you click a link to a second page, and then click the browsers back button, the four columns are now in a row and there is a large white space filling quarter of the screen. This only happens when you click the browser back button to return to the page.
Screenshot showing page correctly on first load:
http://webboxstaging.com/ccc/01-grid-row-correct.jpgScreenshot showing page after clicking the browser back button:
http://webboxstaging.com/ccc/02-grid-row-after-back-button.jpgI actually think I may have fixed it! I added this to the CSS and it seems to have worked:
@media only screen and (max-width:768px) {
.av-layout-grid-container {display:block !important;}
}
- The topic ‘Grid row on smartphone’ is closed to new replies.