Eliminate margin in mobile view + separate landing page without header
First, I just want to say thank you to everyone who has posted helps for others! By reading through past posts, I figured out how to create a hamburger menu, have a "desktop/large screen" slideshow with landscape orientated photos, and have a "mobile/small screen" slideshow with portrait orientated photos.
I just can't figure out some final tweaks.
On desktop view, there is not a large space between my header/logo and the homepage slideshow. But on mobile, there is a large margin there. How can I eliminate it? My homepage: https://tiffanykeetch.smugmug.com
I want to create a separate landing page for Instagram. I have a different logo and menu on that page, so I need to hide the site header and menu. I added some css that I found from another post, and it works when I view it on desktop, but not for mobile. What am I doing wrong? Instagram landing page: https://tiffanykeetch.smugmug.com/Insta