How can I fix the floating footer on the last page of my Brooklyn theme?

[vanessaliew]

anyone knows how to fixed the footer at the very bottom? because when there isn't much content, the footer seems like floating, i want to fixed it at the bottom of the page. for example my login page etc. theme is brooklyn. I've tried a lot of solution online, it only solved half of the problem, because i only want to fixed the footer on the last page, not on every page, because the footer will follow from the top to the bottom when i scroll down the website which i dont want, I only want to fix on last page.

thanks

[dmwwebartisan · Accepted solution]

@vanessaliew 

Please add the following code at the bottom of your assets/theme.scss.liquid file. 

@media screen and (min-width: 769px){
body:not(.template-index) .main-content {
    padding-top: 80px;
    height: 77vh;
}
}

[oscprofessional]

Hi @vanessaliew ,

Share your store URL. 

what do you want modify your footer?

[vanessaliew]

Hi, pm you my url.

I want to fixed my footer at bottom, if you open account/login page, the footer will float half way. I tried some solution online, it will fixed the footer at everypage, scrolling from top to the bottom, which i dont want, I only want to fix at the last page bottom.

[dmwwebartisan]

@vanessaliew 

Please share your store URL.

Thanks!

[dmwwebartisan · Accepted solution]

@vanessaliew 

Thanks!

[dmwwebartisan · Accepted solution]

@vanessaliew 

Please add the following code at the bottom of your assets/theme.scss.liquid file. 

@media screen and (min-width: 769px){
body:not(.template-index) .main-content {
    padding-top: 80px;
    height: 77vh;
}
}

[vanessaliew]

@dmwwebartisan thank you solved. 

[Zworthkey]

hii, @vanessaliew 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.