How To Remove Space Above Footer on Debut Theme?

Solved
dmwwebartisan
Shopify Partner
5263 1213 1555

@PickleKing

I am sorry, remove the last code and add this new code.

@media only screen and (max-width: 749px){
.site-footer{ margin-top:35px !important; }
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
PickleKing
Excursionist
26 0 11

Yes! It worked!

Thank you SO much for taking the time to help me, I really appreciate it!!

0 Likes
PickleKing
Excursionist
26 0 11

Hi @dmwwebartisan ,

Sorry to message again! But it appears that it actually doesn't work on Desktop - there's another issue now.

So, everything appears fine on Mobile view, And the homepage is fine on Desktop view. However, now the other pages (About, FAQ etc.) now have the space above the footer on Desktop view, only when you make the window bigger. It disappears when you make the window smaller. Any idea how to fix this?

dmwwebartisan
Shopify Partner
5263 1213 1555

This is an accepted solution.

@PickleKing 

Please add the following code for pages.

.template-page .site-footer{
margin-top: -6px !important;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
PickleKing
Excursionist
26 0 11

Yes, that appears to be working! Thank you so much for your help, again!

PickleKing
Excursionist
26 0 11

Hi again @dmwwebartisan ,

 

I have been further coding my website and the space above the footer on the hompage has re-appeared.

I put in code to change the 'Image with Text Overlay' to be a link to the Products page. I put this code in 'hero.liquid'.
Since that code change, the space under the 'Image with Text Overlay' on the homepage has returned.

Is there any way to further fix this issue? Or is it too complex now?

Thank you

dmwwebartisan
Shopify Partner
5263 1213 1555

@PickleKing 

I can see there is some problem with your CSS code. Bracket closing problem.

see the below screenshot and do these changes first.

css-changes.jpg

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
PickleKing
Excursionist
26 0 11

Thank you so much,

I have made the necessary changes. It is now closer to the footer on Mobile view - there is still a very slight space (although I am not too bothered about it).
On Desktop view however, the space is still there.

dmwwebartisan
Shopify Partner
5263 1213 1555

This is an accepted solution.

@PickleKing 

Please add the following code for home page - desktop.

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

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
PickleKing
Excursionist
26 0 11

That worked!

Can't thank you enough for the help. You are amazing.