Footer overlapping contact form Debut Theme

advaitha
New Member
2 0 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!

 

aio_xp
Explorer
43 2 16

try this in theme.scss.liquid

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

padding-bottom: 75px;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | Whatsapp: 00971568836211

0 Likes
dmwwebartisan
Shopify Partner
7278 1717 2286

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1280 355 891

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes