Beautiful Pro menu above header

[scottwyden]

I just set up this website using Beautiful Pro (http://steeltoeimages.com/) but for some reason the menu in the Header Right widget is showing up above the logo instead of vertically center to it like in the demo. Any idea on why this is happening and if the only fix is CSS, what that CSS should be?

Thank you!

Scott

http://steeltoeimages.com/

[Tony @ AlphaBlossom]

Hello,

Around line 986 of your theme's style.css file add margin to the top of the widget area to lower the menu:

.site-header .widget-area {
    float: right;
    margin-top: 40px;
    margin-top: 4rem;
    text-align: right;
    width: 800px;
}

Then in your "@media only screen and (max-width: 1023px)" media query, set the margin-top back to 0 (or whatever you'd like it to be):

.site-header .widget-area {
   margin-top: 0;
}

Take care,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[scottwyden]

Thank you so much. Worked like a charm.

[Tony @ AlphaBlossom]

awesome, glad I could help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts