Footer code

Technical Q&A
1

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?

2

Hi @tonsurepeople

Could you share your store URL so I can check?

3

tonsure.eu

4

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

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; }

Hope that my solution works for you.

Best regards,

Henry | PageFly

6

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;
        background: transparent;
        border-top: none;
        z-index: 2;
        -webkit-transition: background .1s ease-in-out;
        transition: background .1s ease-in-out;
    }

replace with this one

.template-index .Footer {
        /* position: fixed; */
        width: 100%;
        bottom: 0;
        background: transparent;
        border-top: none;
        z-index: 2;
        -webkit-transition: background .1s ease-in-out;
        transition: background .1s ease-in-out;
    }

Please let me knoiw

Thanks

7

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
PageFlyHenry_1-1718354816086.png1365Ă—589 791 KB

8

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

9

Hi @tonsurepeople

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

1 Like
10

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?

11

Hei again

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

12

I fixed it :wink:

13

Hi again

How do I make a CTA botton on product cards?