Cart and Search buttons are not aligned on header for mobile

Topic summary

Main issue: On mobile, the Cart and Search buttons in the header briefly load aligned, then shift into a misaligned position. A screenshot was provided showing the visual glitch, which is central to understanding the problem.

Proposed fix: A helper recommended editing the theme.liquid file (Online Store > Edit Code) and adding a code snippet just above the closing tag. The exact code isn’t shown in the post, but the instruction focused on a theme-level fix applied at the end of the document body.

Outcome: The store owner implemented the suggestion and confirmed it resolved the header button alignment issue.

New question: The store owner asked how to center the “Quick links” in the footer. No solution was provided yet for this secondary request.

Status: Original header misalignment issue resolved; discussion remains open for guidance on centering footer Quick links.

Summarized with AI on December 31. AI used: gpt-5.

Here is what I am seeing. For some reason when the page loads its okay for 1 second then the buttons change to this weird position.

Hi @evermassager ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

Thank you for your quick response! I have input the code as instructed and it worked.

Also How can I center the Quick links in the footer? Please!