How do I show the archives widget and search bar in mobile version?

  • I’m developing a blog, and I started with desktop first approach. Now I am configuring the mobile version of my site. In the mobile version, I use display: none; for the entire sidebar (my nav menu was in the sidebar), and got my nav menu to appear in a plugin called ShiftNav, with a 3 line burger menu for mobile. The only problem is that in ShiftNav, only the navigation menu appears, not the Archives Widget or search bar.

    My questions are:

    1. With the approach that I’ve taken to hide display for the whole sidebar, are there plugins or a .php file fix that I can implement to get my archives menu on mobile versions of the site (preferably at the bottom before the footer, or within the ShiftNav plugin menu)?

    2. Is there a way for me to add my search bar easily to the mobile version of the site using a plugin or .php file fix?

    I don’t have my site online at the moment, but I don’t think it is necessary to see with this type of question as the problem is straightforward and explained.

    Thanks for the help!

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

  • Rather than hiding the sidebar, use css to make the sidebar mobile friendly. Usually, on mobile versions, the sidebar becomes 100% width and goes below the main content.

    you can use the follwing css code to write specific rules for specific screen widths:

    @media only screen and (max-width: 1023px) {
size specific rules here {}
}
    Thread Starter prototy9

    (@prototy9)

    Thanks pxforti, but i’d rather hide the sidebar due to how i have it styled. I would like for the main nav menu to be integrated into a burger style menu (ShiftNav) instead of sitting at the bottom or top of the page.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I show the archives widget and search bar in mobile version?’ is closed to new replies.