White space between section and footer on custom pages

Solved
Highlighted
New Member
5 0 0

 

For the life of me I cannot find a way to remove the white space between the last section of these custom pages (the home page is fine) and the footer.

https://www.getbutterhub.com/pages/features

https://www.getbutterhub.com/pages/lifestyle

I think it's something left over from the page itself but whereas the home page finishes flush between the last section (featured slider) and the footer, these custom pages do not.

Theme: Narrative

Any help would be greatly appreciated as all other efforts have failed.

Thanks

Patrick

0 Likes
Highlighted

This is an accepted solution.

main#MainContent {
    padding: 0;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
New Member
5 0 0

Worked perfectly. Thanks so much. I spent 2 hours trying maybe 20 pieces of code. And just like that, you nailed it.

Cheers

Patrick

0 Likes
Highlighted

Please like & accept the solution !

happy selling

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Done, sorry for the newbie response.

0 Likes