Help with a CSS issue affecting header on iPad

cmeinck

Well-known member
This is a weird issue that only effects the iPad. The right side of the header background doesn't extend to the full width of the browser, cutting it off near 'Log Out'.

The site renders fine on all desktop browsers.

Header background has a color set, along with an 5x150 px image set to repeat.

Thoughts on what this might be?

AwbimhTCQAAJhJZ.png-large.webp
 
Changing:
Code:
#headerMover #header {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}

to:

Code:
#headerMover #header {
width: 1082px;
position: absolute;
top: 0px;
left: 0px;
}

Seems to do it in my testing.
 
Top Bottom