Twenty Twelve Theme: Move Header Image above menu?

tbcrecruiting · Member · Dec 3, 2013 at 7:01 pm
Copy link

Add topic to favorites
How do I move the header image above the menu? I’m on a hosted wordpress.com premium site. I am unable to make a “child theme” and I do not have access to header.php because i do not have FTP access. Thank you in advance for your help! There’s gotta be a way!!

-jodi

The blog I need help with is: (visible only to logged in users)
alexsrwalsh · Member · Dec 4, 2013 at 12:28 am
Copy link
I would also love to know the answer to this :-)
justpi · Member · Dec 5, 2013 at 1:14 am
Copy link
@tbcrecruiting: How about adding a header image first?
tbcrecruiting · Member · Dec 5, 2013 at 8:04 am
Copy link
@justpi, it doesn’t look good so I don’t want to leave it up. Here’s a screeshot https://drive.google.com/file/d/0B9SL2uRS24kGNmc3TUlPUFAwajA/edit?usp=sharing

Thank you very much for your help!!
-Jodi
justpi · Member · Dec 5, 2013 at 10:39 pm
Copy link
The screenshot is useless. If you want an answer to your question, you insert the header image so we can inspect your page and work out the required code.
tbcrecruiting · Member · Dec 6, 2013 at 9:00 pm
Copy link
@justpi – I uploaded the header image. Thanks again for your help!!
http://blog.tbcrecruiting.com/
thesacredpath · Member · Dec 7, 2013 at 8:22 pm
Copy link
Hi there, give the following a try and see what you think. It maintains spacing between the header image and the navigation pretty well clear down to smart phone widths. After adding the following narrow down your browser window to see how thing relate and move for narrower screens.
```
.site-header {
    position: relative;
}

.header-image {
    position: absolute;
    top: 0;
}

.main-navigation {
    margin-top: 16.5%;
}
```
tbcrecruiting · Member · Dec 13, 2013 at 7:03 pm
Copy link
you are AWESOME @thesacredpath!!
It worked!
-Jodi :)
thesacredpath · Member · Dec 15, 2013 at 5:00 am
Copy link
You are welcome.

No items found.