Hi there Which code to be used for the footer section to stay only at the bottom at the page, not moving as you scroll the page?

Hi @tonsurepeople Could you share your store URL so I can check?

Hi @tonsurepeople This is Henry from PageFly - Landing Page Builder App You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file theme.liquid Step 3: paste bellow code in tag → save. footer#section-footer { position: unset !important…

Hello @tonsurepeople Go to Online store---------------------> Themes-------------------> Edit code--------------------> Find file “theme.scss.css” go to line number 9294 you will see this CSS bellow .template-index .Footer { position: fixed; width: 100%; bottom: 0; …

In addition, I realize that you can add colors, effects, and animations… to the button to make it more prominent, so users can easily recognize it and increase the click rate. [PageFlyHenry_1-1718354816086.png]

Thank you. There is a text and a line, in the bottom saying: “search form” how can I delete this?

Hi @tonsurepeople You can try the footer.liquid file, find and remove that texts

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?

Hei again How is it possible to make the header move with the page as you scroll down?

Footer code

Technical Q&A

Dan-From-Ryviu June 14, 2024, 8:39am 4

Go to your Online Store > Themes > Edit code > open theme.liquid file, after add this code

1 Like

Topic		Replies	Views
How can I move my footer to the bottom of these two pages on mobile only ? Store Design menu , liquid , design , header , customizations , collection-page , footer , landing-page , css , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	10	110	February 5, 2025
Help me!! Background below footer Store Design header , footer , product-page	4	23	December 22, 2024
DAWN THEME: Floating Footer Store Design design , customizations , css , shopify-themes	5	75	August 8, 2025
Footer positioning Store Design design , footer , css	3	28	March 21, 2025
How can I move the footer of my product page down to the bottom (MOBILE SITE ONLY) Store Design menu , liquid , design , header , customizations , collection-page , footer , landing-page , css , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	4	38	February 8, 2025

Footer code

Related topics