Help! Eleven40 black header now blocks the top part of my site…

[JohnSoares]

I'm using the eleven40 pro theme on my site ProductiveWriters.com.

My problem: a few days ago, I noticed that the black portion of header (contains "Productive Writers" and the menu) now covers up the custom image that my web designer inserted (which stretched the full length of the page), along with the site description in the genesis_before_content_sidebar_wrap simple hook:

<div class="pw-site-header">
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
Freelance Writing | Marketing | Productivity | Time Management | Education | Textbook Supplements </div>

The designer is no longer available to help me with this.

Any help greatly appreciated!

http://productivewriters.com/

[darrenbrettking]

Hi John,

Without knowing what changes were made to make this happen, one quick way you can rectify this is to add some additional padding. On line 474 of your style sheet you'll see this "site-inner" class:

.site-inner {
clear: both;
margin: 65px 0 40px;
}

Just add additional top padding, to something like:

.site-inner {
clear: both;
margin: 155px 0 40px;
}

Ideally, you'll find out what change was made that caused the issue to begin with. But this will give you a solution as well.

[JohnSoares]

Thank you, Darren: that got me part of the way to solving my issue. (And you nailed the 155px.)

(Frankly, I don't know why this happened. Perhaps a plugin update conflict?)

However, now that I can see underneath, the custom image that was there with the tagline is gone. I figured out how to center the tagline with a simple hook. The tagline:

Work Less ~ Earn More ~ Live More

Freelance Writing | Marketing | Productivity | Time Management | Education | Textbook Supplements

My current problem: This tagline was centered on this image:

http://productivewriters.com/wp-content/uploads/2016/02/header_image.jpg

But that image is no longer visible. I don't know if it needs to go in that same simple hook for the tagline (genesis_before_content_sidebar_wrap). I also don't know how to write the code to make it appear.

My deepest gratitude to you or anyone else who can give further help!

[William]

Hi there,

Try adding this to your stylesheet:

.pw-site-header {
background: url(http://productivewriters.com/wp-content/uploads/2016/02/header_image.jpg) no-repeat;
height: 100px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
background-size: cover;
}

Also noticed your header menu is broken and you are using a fixed header on a multipage website 🙂

Cheers

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[JohnSoares]

Thank you for the advice, William, but I couldn't get it to work.

I tried pasting that exact code at a couple of different places in the stylesheet, but it had no effect. Is it supposed to go in a specific part of the style sheet?

I know next to nothing about coding!

Also, I'm not exactly clear what you mean by "...your header menu is broken." Can you please clarify? The menu seems to work across all pages.

[JohnSoares]

Can anyone help me with my unresolved question from earlier in the thread about how I can put the custom header image back into my Eleven40 site?

I'd appreciate it!

[Christoph]

Hi,

just paste the code above the media queries:
http://prntscr.com/bd47ws

Make sure to save your changes.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[JohnSoares]

Thank you so much Christoph!

[Genesis Developer]

If you problem is already solved, then mark it as Resolved.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Author]

Posts