Hey guys,
I'm having a lot of trouble when looking at my website on an iPad.
www.petermarshall-photography.com
password: Jol1956p@
When you click on the images on an iPad they have very little space at the top, and are not arranged on the page the way they appear on a laptop. It looks quite strange.
I though about using code to create some sort of top margin that specifically targets the ratio of an iPad screen like this:
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.ipad-portrait { margin-top: 2cm; }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.ipad-landscape { margin-top: 2cm; }
}
but I am not having any luck!
Any help would be really appreciated :))