Page layout on iPad

  • Hi!

    When I open my page on my iPad (portrait mode) my post is shown in a long list like a traditional blog. Not so exciting…

    If I turn my iPad to landscape mode and then directly back to portrait mode the page looks so much better with two columns instead using the space much better. Can I force this look with some CSS-code to make it show this view instead of just a long list with posts?

    Have a video showing it if you wanna see 📸😊


    The blog I need help with is: (visible only to logged in users)

  • Hi Jörgen,

    This is how it looks like on our demo site, too:

    If you make it two columns on iPad, they will be very small, the content will be quite cramped. If you want, you can make the thumbnails a bit wider, so it will look better. You can give it a try using the following CSS:

    @media only screen and (min-width: 480px) {
    .grid, .pagination {
           max-width: 650px;

    Let me know how it is.


  • Thanks for quick reply! :-)

    I tried the CSS but didn’t make it better. Check out this short clip. First portrait, then I’m turning the iPad to landscape and then back again with the great look I want :-)

    Video clip


  • The topic ‘Page layout on iPad’ is closed to new replies.