Removing footer background from sticky footer & align it to the very bottom

Site URL: http://1st-place.ca

Hello, I have been trying to get a sticky, transparent logo on my site that is glued to the bottom of the window.

I've managed to get so far (the site is live) but a blue (same colour as background) bar floats with the bottom of the footer. You can see it better in this page: https://www.1st-place.ca/home-1st-place-1-1

Any idea how to get rid of it?

Also I would love to get it so that the bottom of the logo lines up with the bottom of the window. Have tried to remove padding with the code below but it hasn't worked.

Thanks for any ideas!

Will

footer.sections section {
    min-height: unset !important;
}
footer.sections .content-wrapper {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
}
footer#footer-sections {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
main#page {
    padding-bottom: 70px;

Hi,

You mean remove 1st place logo on footer??

Hi @tuanphan, thanks for getting back to me.

No - I'm trying to have just the 1stplace logo, aligned right at the bottom of the window with no padding/gap, and without the blue bar that appears when you scroll to the bottom. Any ideas?

Many thanks for your help!

Will

On 9/13/2021 at 10:38 AM, Will1234 said:

Hi @tuanphan, thanks for getting back to me.

No - I'm trying to have just the 1stplace logo, aligned right at the bottom of the window with no padding/gap, and without the blue bar that appears when you scroll to the bottom. Any ideas?

Many thanks for your help!

Will

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1631196713129_10114 {
    position: fixed;
    right: 2vw;
    bottom: 2vw;
    z-index: 9999;
    width: 150px;
}