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

Solved
Robbie_archive
Excursionist
14 1 4

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"

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
25061 2508 9071

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
KetanKumar
Shopify Partner
25061 2508 9071

@Robbie_archive 

sorry i can't see any footer your store 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Robbie_archive
Excursionist
14 1 4

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

KetanKumar
Shopify Partner
25061 2508 9071

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Robbie_archive
Excursionist
14 1 4

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