[Resolved] Footer stuck on shop page only

[Author]

Posts

[eugeneI]

I'm building custom Products Archive

Documentation I follow: hidden link

Example: hidden link

Website: hidden link

There is no problem on mobile
There is also no problem on other pages. Only Shop page has this issue: footer is stuck to bottom and covers content leaving little room to view products

[Shane]

Hi Eugenel,

Thank you for getting in touch. Given that you haven't provided the debug data for the thread, I would recommend that you temporarily disabling all the non-toolset plugins and then trying again.

Once you've done this please let me know if the issue still remains.

Thanks,
Shane

[eugeneI]

Thank you for your reply, Shane.
Deactivated everything except for Woocommerce and Toolset. Problem still remains. Please let me know if I can provide anything to help - credentials etc

[Shane]

Hi Eugene,

Ok given that the disabling of plugins don't work I would recommend providing me with the admin credentials so that I can take a further look at this.

Perhaps your theme has a sticky footer but I would need to have a look at your site.

I've enabled the private fields for your next response.

Thanks,
Shane

[Shane]

Hi Eugene,

The issue is that the site has a scrolling footer. Its just that on other pages the effect works correctly.
To resolve this we will need to stop the scrolling effect.

You can do this by adding the css below to your site.

.site-footer{
 bottom: unset !important; 
}

Please let me know if this helps.
Thanks,
Shane

[eugeneI]

Thank you Shane,
it worked, but I can see that it has changed other pages too - before it was like the main content was the upper layer and it covered the footer (screenshot 1), and on the shop page it was the other way around and footer was the upper layer (screenshot 2). Is it a code that's changed and if yes, is it possible to fix that with another code? Because it looks much better as when the footer is just part of content (like it happens when the script changes it).

Thank you a lot

[Shane]

Hi Eugenel,

The only other solution is to apply the css to this page only. In this case you will need to add it to the CSS editor for the Archive. See Screenshot

I've already added it to the page for you so you shouldn't be seeing the issue on this page only.

Please let me know if it helps.
Thanks,
Shane

[eugeneI]

Thank you Shane! Appreciate your help!!
Have a great weekend!
Eugene