Footer code

Footer code

tonsurepeople
Tourist
14 0 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?

Replies 12 (12)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @tonsurepeople 

Could you share your store URL so I can check?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople
Tourist
14 0 1

tonsure.eu

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

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

<style>
@media (min-width: 640px) {
    .template-index .Footer {
        position: unset !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople
Tourist
14 0 1

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

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @tonsurepeople 

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople
Tourist
14 0 1

Thank you for you replys- they help 🙂

 

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?

tonsurepeople
Tourist
14 0 1

Hei again

 

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

tonsurepeople
Tourist
14 0 1

I fixed it 😉

tonsurepeople
Tourist
14 0 1

Hi again

 

How do I make a CTA botton on product cards?

PageFly-Henry
Shopify Partner
1184 335 283

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 </body> -> save.

 

 




<style>

footer#section-footer {

    position: unset !important;

}

</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Henry
Shopify Partner
1184 335 283

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

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

GTLOfficial
Shopify Expert
246 44 47

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



- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh