Anyway to hide a sidebar in mobile view?

  • Resolved buster13

    (@buster13)


    3 years, 10 months ago

    because on mobile view, the TOC (easy table content plugin) is at the end of my blog post. E.g. after my Conclusion.

    TOC has little usefulness in such cases.
    How can I hide from mobile view then?

    My TOC is in a sidebar so i guess hiding a sidebar in mobile view will resolve my problem.

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

    (@brankoconjic)

    3 years, 10 months ago

    @buster13,

    You can move the sidebar on mobile devices before content. The solution for that is posted here. That solution will work just for WooCommerce pages, if you want it to work for everything else as well you’d use this CSS instead:

    @media screen and (max-width: 960px) {
  #main > .si-container {
    display: flex !important;
  }

  #primary {
    order: 3 !important;
  }
}

    In the new update we will add an option to control sidebar on mobile devices (move before content, after content, or hide).

    Thanks!

    • This reply was modified 3 years, 10 months ago by Branko.
    Thread Starter buster13

    (@buster13)

    3 years, 10 months ago

    Thanks your your CSS fix.
    I actually DIY myself and is currently using this to hide the TOC sidebar in mobile view.

    @media only screen and (max-width:767px) {
  .single #secondary {
    display: none;
  }
}

    Will consider using your CSS fix instead if I decided to add back the TOC (this time before the content)

    • This reply was modified 3 years, 10 months ago by buster13.
    • This reply was modified 3 years, 10 months ago by buster13.
    Theme Author sinatrateam

    (@sinatrateam)

    3 years, 9 months ago

    Resolving this issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Anyway to hide a sidebar in mobile view?’ is closed to new replies.