A user wants to create a floating \
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,
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
can you please add multi column block and let you me know after i will guide scrolling
@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
Sorry @KetanKumar , I am not sure if I understood what you asked me to do.
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;
}
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.
