Updating Homepage to Fit

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

Quick help needing to adjust the homepage on desktop and mobile. Not sure how to have my image fully display on both. It's cut off a bit.

Thank you,

Add to Home > design > Custom CSS

/* resize mobile banner */
@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: 20vh !Important;
}
}

You're the best @tuanphan, I swear you're always helping me haha. Is there a way for the footer not to be so large as well?

Add to Custom CSS

footer.sections .content-wrapper {
    padding: 5px !important;
}
footer.sections section {
	min-height: unset !important;
}

My site doesn't seem mobile compatible even though I haven't strayed very far from the original theme. The footer on mobile it huge, and it's not a fixed-width. Can you help? 

On 1/14/2021 at 6:58 AM, billystar101 said:

My site doesn't seem mobile compatible even though I haven't strayed very far from the original theme. The footer on mobile it huge, and it's not a fixed-width. Can you help? 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: 90vh !important;
}
}

You are a continuous saint! Thank you! I might have some more updates i'll need help with soon. Appreciate you