Footer overlapping contact form Debut Theme

Store Design
1

Hi!

My footer on my contact page is overlapping my contact form. How do I add space between the two? this happens on both desktop and mobile

The page I’m referring to is https://advaitindia.com/pages/contact-us-1

Thank you!

1 Like
2

try this in theme.scss.liquid

.shopify-section-footer {
padding-top: 60px;

padding-bottom: 75px;
}

3

@advaitha

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .site-footer, .template-page .site-footer {
    position: relative !important;
}

Thanks!

4

hello @advaitha

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index .site-footer, .template-page .site-footer {
    position: relative !important;
}