Don’t display sidebar in mobile view

  • Hi, I’d like to just show the posts in mobile view rather than all the footers and sidebars, I would also like to limit the amount of posts shown to the mobile user. Is this possible?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Lee,

    Sure, you can add this CSS to hide both the sidebars and the footer when viewing the site on a mobile device:

    @media all and (max-width: 799px) {

  .sidebar,
  .site-footer {
    display: none;
  }
}

    Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    Hiding the posts is tricky but also doable via CSS. How many posts would you want to show up?

    • This reply was modified 3 years, 9 months ago by Ben Sibley.
    Thread Starter Lee Willoughby

    (@lee-willoughby)

    10 posts would be great..
    Thanks

    Thread Starter Lee Willoughby

    (@lee-willoughby)

    That’s worked a treat and it’s only displaying 10 anyway so all good, Many thanks.
    The only issue is that the menu is not displaying at the bottom now, if anything can sort that great but it’s not a biggy!
    Cheers,
    Lee.

    Theme Author Ben Sibley

    (@bensibley)

    Okay great. Try this snippet out instead to keep the menu at the bottom:

    @media all and (max-width: 799px) {

  .sidebar {
    display: none;
  }
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Don’t display sidebar in mobile view’ is closed to new replies.