[forestdesign]

Victor, you are star, thank you so much, its perfect now.

[forestdesign]

Thank you, yes that did it

I changed the width like so

.title-area {
float: left;
padding: 14px 0;
width: 450px;
}

And now the header looks like this with no cutoff to the image in Header Left - result!

http://www.desmondswaynemp.com/

Thank you for your time.

[forestdesign]

Thank you, I had tried that before, but I tried it again

I made the code in the css
.site-header .widget-area {
float: right;
padding-top: 14px;
text-align: right;
width: 200px;

and the image I put in Header Right was done like this in the widget
<img src="http://www.desmondswaynemp.com/wp-content/uploads/2015/12/twitter-bird-1.jpg" alt="Twitter" style="width:100px;height:80px" />

but still I got the same result like this
http://www.desmondswaynemp.com/header-cutoff.jpg

[forestdesign]

We added Easy Backstretch

[forestdesign]

Thanks for the response - but no not fixed yet.

We have added:
body {background-size:cover;} /*fd-edit*/
to the media queries of the stylesheet which kicks in less than 860px. (when this theme switches to single column layout)

It is beter on my iPhone, but still the same issue witrh iPad

[forestdesign]

Thank you. Yes you are correct - it all seems fine on this test website

But I have iPhone 6, iPad and iPad mini - all of them display with the background moving up with the content panels so that when it reaches the point that the content panel is longer than the background panel, it shows just a black area. Same in Chrome and Safari - so its not a browser issue.

Cant understand why this is at variance with the test website.

[forestdesign]

Thank you Jackie
I put your new code into the Text Widget and now the image Header Right does not display on any page!
Any further ideas please?

[Author]

Posts