Something Happened to the Header- Lifestyle Pro

[sheilam]

Hi, I installed a custom header following Brad Dalton's instructions and it all looked fine yesterday. This morning, however, it looks like this:

http://manitowocsoccer.com/

I made no changes to the code. The only thing I changed was the default layout several times but I put it back to the original default.

I am not sure what is happening to the header.

Would someone please look at the site and advise me as to what to do to fix it?

Thanks.

http://manitowocsoccer.com/

[Christina]

Not sure if it's the ideal solution, but you can change the width of your title area:

.title-area {
width: 100%;
}

[sheilam]

Thanks for the response. I think it might be a header widget issue. Brad did mention it in his article

Customize Lifestyle Pro Theme Header Image Area

I am looking for the fix for that widget, which I am not using anyway.

[sheilam]

Christina,

Your code worked! Yea! Thanks much.

But now I have an issue with the header not being mobile responsive. 🙁

[Peter]

Try this:

.site-title a {
    background: url(http://manitowocsoccer.com/wp-content/uploads/2014/01/GoalGetters-United-Soccer-Club.jpg) no-repeat center/contain;
}

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images?redirectlocale=en-US&redirectslug=CSS%2FScaling_background_images

[Author]

Posts