How to implement a floating link from a Multicolumn

[clleeber]

Hello,

I am trying to make a Multicolumn float over the page while scrolling down but I cant seem to find the write place on the code. 

I need the SHOP button to stay in the same place while the page moves. 

Anyone to help me please?

This is the page live https://verdinha-co.myshopify.com/

Password: skavew

Thank you,

[ExpertRookie]

@clleeber 

If it is CSS then you can add it to Theme > edit code > assets > base.css

if it is JS then you can add it to Theme > edit code > assets > global.js

[clleeber]

@ExpertRookie Thank you for you answer, I couldn't find it on base.css but I found it on assets > section-multicolumn.ccs.

I have changed the element ".multicolumn-card__info .link"  position to fixed and it kinda worked, now the column and its content is fixed on the page but when I scroll the page it goes under other elements. Any idea how could I fixed it? I have tried z-index but it doesn't seem to work.

Thank you

[KetanKumar]

@clleeber 

can you please add multi column block and let you me know after i will guide scrolling 

[clleeber]

Sorry @KetanKumar , I am not sure if I understood what you asked me to do.

[ExpertRookie]

Hi @clleeber 
You can try to remove the code that you added and try to use this code.

#shopify-section-template--16877186908449__multicolumn-3 {
position: sticky;
top: 0;
z-index: 9;
}

[NguyenVu]

I have found a free app on Shopify's public app store called Pronavi: https://apps.shopify.com/pronavi-navigation-design , which allows you to easily add and customize the bottom bar of your website.