Make all posts (on all devices) have the sidebar at the bottom

  • Resolved epicjono

    (@epicjono)


    3 years, 7 months ago

    My goal is that when someone clicks on a post while using a computer or laptop, the page they are taken to has the post full-width, with the sidebar widgets displayed at the bottom after scrolling through the post. This is already the case for mobile devices, but I’d prefer that experience for computer users as well. I want them to focus on the content. I’m using a child theme, so any suggestions are welcome.

    Is this possible? Thanks!

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

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

    (@bensibley)

    Thanks for using Period!

    Something like this should work well:

    #main,
#sidebar-primary {
  width: 100%;
  float: none;
}

    You can add that to the Additional CSS section in the Customizer, or your child theme’s style.css file.

    Thread Starter epicjono

    (@epicjono)

    Hi Ben, thanks for the theme, I love it! About my question, I added that code but it affects my homepage as well. The goal for me is to still have the sidebar on my homepage, which is the page where my latest posts are loaded, but I want it to not be there once they actually click on one of the posts.

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for the explanation. I missed that part. Let’s try it again ??

    .single-post #main,
.single-post #sidebar-primary {
  width: 100%;
  float: none;
}

    This updated snippet will only affect posts and not the homepage.

    Thread Starter epicjono

    (@epicjono)

    Ah, .single-post, that worked. Thank you very much Ben, for the help and for the theme!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Make all posts (on all devices) have the sidebar at the bottom’ is closed to new replies.