Re: Footer code

tonsurepeople · ‎06-14-2024

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?

Dan-From-Ryviu · ‎06-14-2024

Could you share your store URL so I can check?

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople · ‎06-14-2024

tonsure.eu

Dan-From-Ryviu · ‎06-14-2024

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>

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople · ‎06-14-2024

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

Dan-From-Ryviu · ‎06-14-2024

Hi @tonsurepeople

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

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

tonsurepeople · ‎06-14-2024

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 · ‎06-15-2024

Hei again

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

tonsurepeople · ‎06-15-2024

I fixed it 😉

tonsurepeople · ‎06-15-2024

Hi again

How do I make a CTA botton on product cards?

PageFly-Henry · ‎06-14-2024

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 · ‎06-14-2024

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.

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 · ‎06-14-2024

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

Re: Footer code

Footer code

Community Blog Articles