Hide sidebar on tablet

  • bernard57

    (@bernard57)


    5 years, 10 months ago

    I want to hide the sidebar for tablets but only for posts. I also want the posts to then be 100% of screen width.
    It’s hard to show the issue on a desktop but on my Samsung tablet I only get 75% of screen use when the sidebar is hidden.
    The responsive layouts under Sidebars in Customise does not seem to work.
    Otherwise this theme has been a great help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • longnguyen

    (@longnguyen)

    5 years, 10 months ago

    Hi,

    You can still show the sidebar on the desktop, then add this custom CSS code in Appearance -> Customize -> Additional CSS, to hide the sidebar on the tablet view and make the main content fullwidth.

    @media (min-width: 768px) and (max-width: 1250px) {
  #main {
    flex-basis: 100%;
    max-width: 100%;
    border-right: 0;
  }

  #sidebar-primary {
    display: none;
  }
}

    Regards.

    Thread Starter bernard57

    (@bernard57)

    5 years, 10 months ago

    That’s great thanks. How do I restrict this to just the posts and not other pages?

    Thread Starter bernard57

    (@bernard57)

    5 years, 10 months ago

    Since resolved by including .single-post.
    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide sidebar on tablet’ is closed to new replies.