| SitePoint Sponsor |


www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge



Thanks Paul, didnt seem to work when I added that code and styles to the Go Back to Style text on the computer , phone and ipad. I'll keep looking into it, any reason why the landscape mobile slide background doesnt completely fill in thats the main issue now it works well on portrait on mobile and computer, ipad but on my iphone it doesnt it slides nice but the background doesnt continue all the way down to the footer just the text.


Why are you setting the wrapper to 300px high here?
Code:@media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper { width: 100%; height: 300px; }
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge



I set it to 300px high because its not having a fixed height or should I be setting the male and female to 300 px high instead of the wrapper?



Hey Paul, just wondering if you got chance to take peak at this issue?
Thanks


If you are talking about landscape and portrait mode on the ipad then I don't see an issue on my ipad as the slide works and the background goes from top to bottom. I don't have an iphone to test sorry.
I don't like that you have re-directed to the home page though to close the slide. The technique I already gave you will work. For example when the slide is open if you simply click the "New look" image in the bottom left hand corner the slide will close. Therefore you could just create a similar link for the ipad as I have shown in the above code.
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge



Ok I tried the way you mentioned on the Go Back To Styles text and it didnt work. I will put the code you gave me on the image though so its there as well but am hoping to get the Go Back To Styls to close the slide as well.
Thanks,
Mike
Bookmarks