Remove Footer Padding ONLY ON HOME PAGE

Solved
Highlighted
Tourist
5 1 0

Hi, I've been browsing the forums a bit trying to get a fix but haven't found yet. On the homepage (first image) I would like the final section on the home page to be flush with the footer. I thought I had achieved it with this code: 

.site-footer {
margin-top: 55px;

and setting the margin to 0px, -- HOWEVER this screwed up every other page and made all my content too close to the footer. As in the second image, I would like to keep that 55px on every other page, I just would like the homepage bottom section to be flush with the footer. Does anyone have a way that I can achieve this without affecting any other page?  Thanks in advance.

site is skullterra.com, pw is beamay, theme is debut

 

Capture.PNG

 

 

Capture2.PNG

0 Likes
Highlighted
Shopify Partner
148 19 21

This is an accepted solution.

Hi @JayByrd,

Please add below code at the end of theme.scss.liquid

Go to the Online Store -> Themes -> Actions -> Edit Code -> Assets -> theme.scss.liquid

.template-index .index-section:last-child {
      margin-bottom: -55px;
      padding-top: 0;
If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted

Hi @JayByrd 

Please add below code at bottom of your CSS file : theme.scss.liquid

.template-index .site-footer {
      margin-top: 0px!important;
}

 

Best Wishes

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on parth.bhut143@outlook.com 

0 Likes