Hello @Giftay ,
You can remove the order list code, you problem will be solved.
Topic summary
Goal: Make the footer’s subscribe form appear first on mobile (Wokiee theme), matching desktop order.
Findings: The Liquid include order in footer-template.liquid was not the cause. The position was controlled by CSS Flexbox ordering (the order property) in theme.css.
Proposed fixes: One approach suggested adding a mobile media query to set explicit order values for footer columns. Another recommended removing the existing CSS that imposed the ordering.
Resolution: The issue was fixed by deleting this rule from assets/theme.css:
footer .tt-footer-custom:not(:last-child){ -webkit-order:3; -ms-flex-order:3; order:3; }
Removing the forced order restored the desired position, placing the subscribe form at the top on mobile. No Liquid changes were needed.
Notes: The images were illustrative; the key was CSS. The user prefers removing conflicting ordering rules over adding new overrides.
Status: Resolved.
1 Like