Mobile Site Slideshow Help
camhabib
Registered Users Posts: 53 Big grins
So I'll post this as a separate thread instead of piggybacking on my other one.
On the mobile version of my site (http://www.camhabib.com) I have a slideshow on the homepage. The slideshow is set up on Smugmug as a background slideshow instead of a content block. On the desktop it looks great, but on a mobile phone, the top half of the image is covered by the header and menu. If I put a margin at the top of the slideshow, all it does is push the image down, and not resize it at all, meaning the bottom half of the image gets cut off by being off the screen.
What I'm looking to do is essentially fit 100% of the height in-between the bottom of the header and the bottom of the screen so that no part of the image height gets cut off. Any suggestions?
On the mobile version of my site (http://www.camhabib.com) I have a slideshow on the homepage. The slideshow is set up on Smugmug as a background slideshow instead of a content block. On the desktop it looks great, but on a mobile phone, the top half of the image is covered by the header and menu. If I put a margin at the top of the slideshow, all it does is push the image down, and not resize it at all, meaning the bottom half of the image gets cut off by being off the screen.
What I'm looking to do is essentially fit 100% of the height in-between the bottom of the header and the bottom of the screen so that no part of the image height gets cut off. Any suggestions?
0