Support » Theme: GeneratePress » single post content width on tablet

  • Resolved Dee

    (@supinda1985)


    Hi,

    I followed CSS suggestion below to move the sidebar below the content on tablet, but the width of the written post is still the same. There’s a lot of white space next to it. I have tried messing around with layout/containers/sidebar/padding and I can’t seem to make the post wider.

    This is the CSS I used to move the sidebar below content:

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

    Any advice would be greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    try this CSS:

    @media (max-width: 1024px) {
        .site-content {
            flex-direction: column;
        }
    
        .site-content .content-area,
        .site-content .is-right-sidebar {
            width: 100%;
            max-width: 100%;
        }
    }
    Thread Starter Dee

    (@supinda1985)

    Thank you David, that worked perfectly!

    Glad to be of help

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘single post content width on tablet’ is closed to new replies.