Page layout on iPad

  • jorgentheswede · Member ·

    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 📸😊

    /Jörgen

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

  • alinclamba · Staff ·

    Hi Jörgen,

    This is how it looks like on our demo site, too: https://demos.pixelgrade.com/patch/

    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.

    Alin

  • jorgentheswede · Member ·

    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

    Greetings,
    /Jörgen

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