Eleven40 Pro Menu – appears on top of content

[Cyberjoe]

Hi,

Can you please help me with http://www.schlittenberater.de ?

I have moved the widget menu in "site header" below the logo. Unfortunately, this menu hides some of the content. As you can see, H1 headlines are not visible, i.e. behind the menu. The sidebar is equally affected. How can I fix this?

Thanks for your help in advance!

[nutsandbolts]

How exactly did you move the menu? It looks like it's still using the header right widget area, but the area itself has been repositioned. Wouldn't it make more sense to just set that menu to use Primary Navigation where it would appear below the header without covering up the content?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Cyberjoe]

Hi Nutsandbolts,

I had tried your proposal, but somehow the primary nav bar is styled differently, so it doesn't look great.

Fortunately, I was able to fix the above issue by adding this to my CSS file:

@media only screen and (min-width: 1024px) {
.content, .sidebar {
padding-top: 20rem;
}
}

Bests,

Cyberjoe

[Author]

Posts