Scroll content over the header

[Jummul]

I recently upgraded my website to the Decorated theme (which is beautiful, by the way).

Next challenge: standing out.

I'd like the content to scroll over the header.
So the posts, sidebar and footer will scroll over the title, subtitle, header-widget and navigation. I want the blue-linen background to be fixed also.

So, I tried this; to no avail. I tried fixing the header in it's place, but all looked messed up. When using Inspect Element I see that the #content-sidebar-wrap needs to scroll over the #wrap (which seems to contain the title, subtitle, nav and widget). But when I fix the #wrap in it's position, the content-sidebar-wrap is also fixed in position; no matter what.

How shall I proceed?

Thanks in advance! The link to the website is http://www.acupoflife.nl

http://www.acupoflife.nl

[David Chu]

Hi,
It sounds like you want everything in the blue area to remain still, and then the rest of the page scrolls. Is that right?

If so, that's very tricky, because the HTML of this theme is not set up well to do that. If I were doing this, a bunch of re-programming would be needed. Instead of having the header, navigation, and blue background separate (which creates most of the problem, I might place all these together in the header, and then do the "fixed" and other styling. A key thing is that the blue background can't be on #wrap, as you've seen. Pretty major header surgery, too much to cover in a forum post, I'm afraid.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Jummul]

That is exactly what I'm trying to do! Too bad it is such a surgery. And is it possible to make the blue-linen (just the background, and the light-blue bottom border) fixed? I'd love to see my posts scrolling over it.

[David Chu]

I exaggerated a bit... it's not exactly major surgery, but "geek is required", as some minor programming and CSS changes would be needed to make all of that work. The way the theme is structured, it "doesn't expect" the scenario you are visualizing, so some alterations are needed. The thing is, no theme developer, no matter how excellent, can guess what a user might want to change in their theme.

Anything that you want is generally possible with WordPress and Genesis! Including what you're describing. It's just a matter of how much technical skill and time is needed to do it. I have that conversation often with a designer friend that I work with. 🙂

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts