Sridhar Katakam

Genesis and WordPress Tutorials

How to Add a Right Sidebar in Atmosphere Pro

by 16 Comments

A user asked,

Would you consider adding a tutorial for adding a sidebar to a theme that does not use one, specifically Atmosphere Pro? I am having trouble trying to implement this. Thanks for your great service.

All pages in Atmosphere Pro use full width content layout as default. We can comment out the code that unregisters primary sidebar and make the content-sidebar layout as default, apply the full width content layout just for the front page followed by adding the required CSS to float content left and the sidebar to the right.

atmosphere-pro-sidebar

Step 1

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • This is wonderful, thank you so much! Just one question – I have it working apparently, but I couldn’t decipher what to do with this;

    inside atmosphere_front_page_enqueue_scripts().

    Reply

  • Hello Sridhar,

    This is pretty awesome, thank you for the awesome tutorial. I have another modification for Atmosphere Pro that I would like to implement and that’s around the Responsive Menu. Would it be possible for you to put together a tutorial for having an “off-canva” responsive menu? Meaning, that when the responsive is required (smaller media screen, etc.) then it stays to the right of the site name/logo rather than appearing right under the site name/logo. Here is an image to show you what I mean:

    https://www.dropbox.com/s/bxzdy5aoor78f5j/Screen%20Shot%202015-11-17%20at%2011.21.54%20am.png?dl=0

    Can we achieve this with Atmosphere-Pro?

    Thanks in advance!

    Reply

  • Thanks, Sri! There is nothing better than searching Google for a solution and the title of your tutorial is the exact search term I used!

    Reply

  • Thanks Sridhar. With some minor tweaks I was able to add a sidebar to Expose Pro really fast, thanks to your tutorial. 🙂

    Reply

  • Hi, I have followed the tutorial but for some strange reason the sidebar shows up below the comments box in the post section and not on the side.
    Any idea on why that could have happened and how to solve it?

    Reply
    • >