Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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;
}
}
This is an accepted solution.
Thanks!
Hi @vanessaliew ,
Share your store URL.
what do you want modify your footer?
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.
Please share your store URL.
Thanks!
This is an accepted solution.
Thanks!
This is an accepted solution.
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;
}
}
hii, @vanessaliew
Kindly share your store URL so,
I can solve it perfectly.
Thank You.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025