[Resolved] Sidebar on iPad Pro portrait mode

Home Forums Support Sidebar on iPad Pro portrait mode

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1491429
    Agnes

    I followed a few thread about this topic, but none of the code works for me.
    I would like the sidebar under the content on tablet portrait mode.
    I have this code snippet now on my blog right now, and it is not working as should .
    The sidebar is wider, but still beside the content.
    It seems like a problem only shows up on iPad Pro


    @media
    (min-width: 769px) and (max-width: 1024px) {
    .content-area, .inside-footer-widgets>div, .sidebar {
    float: none;
    width: 100%;
    left: 0;
    right: 0;
    }
    }

    https://www.oromtelielet.hu/kedves-leves/

    Thank you!

    #1491621
    David
    Staff
    Customer Support

    Hi there,

    GP 3.0 moved to Flexbox so floats are no longer required.
    Try this CSS instead:

    @media(max-width: 1024px) {
        .right-sidebar .site-content {
            flex-direction: column;
        }
        .right-sidebar .site-content .content-area,
        .right-sidebar .is-right-sidebar {
            width: 100%
        }
        .right-sidebar .site-main {
            margin-right: 0;
        }
    }
    #1491684
    Agnes

    Great, thank you!!!
    it is working.

    #1491696
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.