Sidebar height - oceanwp theme

HTML & CSS
1

I am using the Oceanwp theme and elementor (free version) trying to manipulate the sidebar on the left to cover the page from top to bottom. I have tried a number of things, but am falling short (get it? :slight_smile: . Is there a css code I can add to the “custom css” to force the color of the sidebar to reach all the way down to the footer? I tried creating a colored image to put in the background thinking that might work, but I can’t get that to even show up, so I am obviously not doing that correctly either.

https://spalucia.com/

I took it out of “maintenance mode” temporarily - but don’t want to leave it that way too long as it is not complete.

Any suggestions?

Thanks

2

H there sarahbarrick,

you could try adding display: flex;
to the #content-wrap rules. :winky:

coothead

1 Like
3

OMG If you were here I’d give you a big kiss! That worked perfectly. And thanks for the quick response.

Thank you!

4

The full size pages looks perfect now.

I just noticed that on the mobile layout, the sidebar now stays stuck to the left side instead of jumping to the top of the page. Any suggestions on how to get the sidebar to appear at the top on the mobile layout?

Thanks

5

Yes, try adding flex-wrap: wrap;
to the #content-wrap rules as well. :winky:

coothead

1 Like
6

Genius - Just saved me a full day of tearing my hair out. It worked. Thanks again…

Sarahb

7

No problem, you’re very welcome. :biggrin:

coothead

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.