A user encountered a footer positioning issue with the DAWN theme where the footer doesn’t stay at the bottom of pages with minimal content, such as login pages. The footer only positions correctly when multiple sections are added.
Solutions Provided:
sections/footer.liquid that applies position: fixed only to specific pages (like login) using Liquid conditionalsposition: fixed !important, bottom: 0px, and width: 100% to the theme.liquid file within <style> tagsResolution: The issue was successfully resolved using one of the provided CSS solutions. Both approaches use fixed positioning to keep the footer anchored at the bottom of the viewport regardless of page content length.
Hello everyone.
So I’m having an issue with the position of my DAWN theme footer, it doesn’t stay in the bottom.
It moves to the bottom only when I add more sections to the page.
The problem is more visible in the login page or any page that doesn’t have too many sections.
Here is an example:
I would appreciate it if somebody can help me out
Thanks!
www.studioblank.store
add this code in sections/footer.liquid
{% style %}
{% if request.handle == '/pages/login' or request.handle == 'other page url' %}
footer.footer {
position: fixed;
bottom: 0;
width: 100%;
}
{% endif %}
{% endstyle %}
If you still can’t resolve the issue, feel free to DM or email your collaborator code and I’ll fix it for you.
footer.footer.color-scheme-2.gradient.section-sections--24668031123782__footer-padding {
position: fixed !important;
bottom: 0px !important;
width: 100% !important;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
Thank you! This worked
