responsive settings in Outreach-Pro

[lizmsolutions]

Hi Everyone,

I’m using the Outreach-Pro theme on a site – http://lizmcreations.com/library1/

I’d like to make it so that the right sidebar wraps before the left sidebar …

In other words, when the width of the browser is shrunk I want the left sidebar and the main content to show up and the right sidebar to move down below the content. But I’m not sure where in the style sheet to change that…

Thanks in advance for your time and assistance … 🙂

Liz

http://lizmcreations.com/library1/

http://lizmcreations.com/library1/

[emasai]

For the moment you have content-sidebar wrap which holds the content and the right sidebar, and then the aside which holds the left sidebar. The sidebar that comes second will automatically be pushed down. To swap this around try using sidebar-content wrap to have the left sidebar with the content and make the right sidebar into the aside.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[lizmsolutions]

Ok, that sounds like a solution -- but can you tell me what file I need to change that in? I can see the content-sidebar-wrap class in the stylesheet -- but I can't find the template/theme file where the class is set so I can change it ...

Thank you!!!

[emasai]

In the Dashboard go to Genesis - Theme Settings - Default Layout and click on the sidebar-content. That should put your primary side bar on the left.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[lizmsolutions]

My default layout in the Genesis settings is sidebar-content-sidebar --- but, obviously, the responsive settings are content-sidebar --- and the right sidebar is the "primary" sidebar --- I want the left sidebar, the more narrow sidebar in the design, to be the primary sidebar ...

thank you for the assistance.

[emasai]

From what I can see in the Web Inspector you have this in the main site

So you have the content with the primary sidebar on the left, that you don't want to display first bunched together. Then comes the secondary sidebar which you do want to display first. Unless you reorganize the structure of your layout they will always display the way you see them now.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[lizmsolutions]

the current layout (which is the "way" that Outreach-Pro has it labeled) is:
Secondary Sidebar - Content - Primary Sidebar

But, when you make your browser smaller or view it on a tablet or anything else the layout goes:

Content - Primary Sidebar
Secondary Sidebar (so the secondary sidebar goes below the content and right sidebar)

I WANT the responsive version to be:
Secondary Sidebar - Content
Primary Sidebar (so that the primary sidebar goes below the content and left sidebar)

I see when i inspect the code that it has "content-sidebar-wrap" --- but what I can't find is where that is set within the actual Genesis or Outreach-Pro files.

Or, do I need to somehow change the sidebar labels so that the Secondary Sidebar becomes "Primary" sidebar and vice-versa?

Thank you again for your assistance with this -- I've been searching for the right settings and just can't seem to find it.

Liz

[emasai]

Content and Primary Sidebar being in the same container they will always flow together, content first, primary sidebar second and secondary sidebar last. You could try and swap the Primary and Secondary sidebars. Without access to your site I really can't see where the problem might be.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[lizmsolutions]

thank you for your help. I am having a love-hate relationship with the Outreach theme right now, I cannot find the file where that is set so i can change it ... I can find the style settings in the style sheet, but I can't find which theme file is setting where that div is actually started so I can adjust the container to have the sidebar and content -- not content-sidebar...

I appreciate your assistance 🙂

[emasai]

Have you tried Genesis - theme settings - layout?

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[lizmsolutions]

yes, the layout is set properly -- I want sidebar - content - sidebar --- but within those settings there is no way to tell that I want the left sidebar to be the primary sidebar --- but because it is the more narrow sidebar, it is set as the secondary sidebar and the container keeps the content and right sidebar ----

somehow I need to change that container so it goes around the sidebar and content --- which is beyond the standard settings in the genesis theme settings section ...

I'm sure it is something easy that i am overlooking and perhaps that is frustrating me even more, but I just cannot find it ...

thank you again ...

[Author]

Posts