I am working on a child theme based on Twenty Eleven, see site http://worksofchivalry.com/
I would like the site to look the same on both landscape and portrait mode of an iPad (the sidebar should not go to the bottom) and therefore I made following changes in the stylesheet:
@media (max-width: 800px)
@media (max-width: 767px)
I thought this would be a quick fix, but the website still changes in portrait mode.
I have to admit I do not yet know a lot about responsive web design so I might have missed something obvious.
Does anybody know how I could fix this? Thanks a lot!