I have a fairly simple background for a website I am doing.
.site-header {
background: url(img/header-bg-repeat.png);
position: relative;
clear: both;
&:after {
content: url(img/header-clouds.png);
position: absolute;
right: 0;
}
}
Also seen here: http://jtpenezich.com/sandbox/
I’m just having the cloud image be able to follow the responsive navigation button. While it works in all my browser testing so far, on my tablet the clouds are 1px to high, but in the correct position when the nav button is pressed. When flipped to landscape, the image is in the right spot, unless refreshed.
I am using a reset of course, but is there anyway to target this issue, or another idea of going about doing the background?
