Mobile footer links are too large; the goal is a more concise, space-efficient layout on smartphones. The site owner shared their URL and provided access for review.
Visual references include two screenshots (current vs desired), which are central to understanding the sizing and layout differences.
Proposed solutions: adjust code in the Shopify theme’s footer.liquid (the template controlling the footer) to change link sizing/spacing; alternatively, use a mobile “accordion” (an expandable/collapsible menu) to condense link lists.
Offer of help was made to implement these changes. No specific code or steps were provided yet, and no changes have been confirmed.
Status: discussion is open/ongoing with a suggested direction but no resolution or action items finalized.
I’ve been struggling to get the correct sizing on the links to other pages in the footer.
This is what my website footer looks like.
I would like it to look something similar to this where it concise and take up less space on the screen.
My website address is https://brewbarncoffee.com/
and I’ve set the log in password as Shopifyhelp
Thank you for your time.
This is possible with some coding to modify your footer.liquid file (or whatever it is named on your theme for that area); you could also consider using an ‘accordion’ box on mobile - to roll all links into an expandable menu with a click.
Let us know if you need a hand.
Cheers.
WhiteWater Web
