How do i fix the footer at the bottom, so it doesn't move around?

[Robbie_archive]

Hello, I'm trying to fix my footer at the bottom of my page, so it doesn't go up or down, whenever I open or close my sidebar menus.

I tried adding "position: fixed;" in the main div in footer.liquid, but that didn't help, any suggestions?

I'm using Simple theme, the website is https://fine-chaos-test.myshopify.com/, and the code to access it is "yaibeu"

[KetanKumar]

@Robbie_archive 

sorry i can't see any footer your store 

[Robbie_archive]

Sorry, meant the "2021, Copyright" at the bottom, not the footer

[KetanKumar · Accepted solution]

@Robbie_archive 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-footer {
    position: fixed;
    bottom: 0;
}

[Robbie_archive]

Thanks, that worked wonderfully. But for some reason the background doesnt fully extend, do you have a idea for how to fix that?