Footer code

Topic summary

Main issue: Make the footer sit at the bottom of the page (not fixed while scrolling) on a Shopify theme.

Key solutions provided:

  • Remove the fixed positioning from the footer via CSS. One approach: override the footer selector with position: unset !important.
  • Alternatively, in theme.scss.css, find .template-index .Footer { position: fixed; … } and disable position: fixed (e.g., comment it out). This reverts the footer to normal flow at the bottom.

Related follow-ups:

  • “search form” text appearing in the footer: advised to open footer.liquid and remove that text snippet directly.
  • White text overlay on product pages: issue raised; no concrete fix posted yet.
  • Sticky/non-sticky header behavior: user later confirmed they resolved it themselves.
  • Newest question: How to add a CTA button on product cards; no answer yet.

Notes:

  • theme.liquid, footer.liquid, and theme.scss.css are Shopify theme files; changes involve CSS positioning (fixed vs normal flow).
  • An image was shared illustrating button styling ideas (colors/effects), but it’s ancillary to the footer fix.

Status: Footer and header concerns appear resolved; “search form” removal guided; product overlay text and CTA button requests remain open.

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

Thank you for you replys- they help :slightly_smiling_face:

On our product pages there is a white text written as an overlay of the mail writing. How do I remove that- is there a code, and where to put it?