Want to move site-inner over header.

[rschel]

I am using genesis child theme and have moved some things around like nav above header. what I want to do now is move site-inner over the header which has the wooded like image. the site-inner needs to display over the header and show a little of the header image at the top of the site-inner.
http://nwwebproductions.com/lamtex/

Any Ideas on the best way to do this?

Thanks

http://nwwebproductions.com/lamtex/

[Ben @ Inbound Creative]

Not sure if it'll achieve what you're intending, but the easiest way to achieve exactly what you're asking for is to add a negative margin to the site-inner class.

Add margin-top: -140px underneath your custom padding-top.

It'll look like:

.site-inner {
	padding-top: 80px;
	padding-top: 8rem;
	margin-top: -140px;
}

If you want the white background to hover even more over the brick background, you'll need to reduce the height of the padding top.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[rschel]

I tried:
padding-top: 80px;
padding-top: 8rem;
margin-top: -140px;

for site-inner, but the header image shows over the site-inner. Anyone have a fix for this problem.

Thank You,

Renee

[Ben @ Inbound Creative]

This is how it looks for me.

Do you mean the logo, rather than the 'header image'?

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[Author]

Posts