Reduce Padding Above Home Page Slider

Site URL: https://www.hawkcustomhomes.com

I fixed the display of my slider images in mobile - they now display nicely rather than cropping them. However, I now get odd padding above the home page slider on mobile view. It is fine on desktop but not on mobile. After reading threads in the forum I added this code with my data-section-id to Design> Custom CSS. 

[data-section-id="5f346df87abe3a49efe960c4"] .content-wrapper {padding-top: 2px !important; padding-bottom: 10px !important;}

But it still isn't working - can someone please help - I have been fighting to get this slider looking right on mobile for a few days now. Thank you so much~

Megan

Try adidng to Design > Custom CSS > Then save & reload the site

/* slide padding */
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

Thank you so much! I updated the code... The images layout nicely - but I still want to reduce the padding at the top.   Is it possible to remove the space or is just maybe the way Squarespace resolves on mobile?  When I inspect I view the sections everything with the slider looks correct regarding size - so maybe the extra padding is reducing the div class="header-announcement-bar-wrapper"  the size is 574 109?

I see no padding here. Which screen size do you test?

I'm sorry   - I was able to figure how to fix the padding above the home slider. But now I have padding above the header image on the team page. I have tried a couple options but I can't figure out how to reduce the spacing above the image. 

https://www.hawkcustomhomes.com/team

On 6/30/2021 at 9:35 AM, Inspyre03 said:

I'm sorry   - I was able to figure how to fix the padding above the home slider. But now I have padding above the header image on the team page. I have tried a couple options but I can't figure out how to reduce the spacing above the image. 

https://www.hawkcustomhomes.com/team

Add to Design > Custom CSS

/* team page padding */
body#collection-5f0dbe5abfa4f919d0361d07 article section:first-child {
    padding-top: 100px !important;
}