Miko. eCommerce Template

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

sticky column not working

1 month 2 weeks ago #1

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
Hi, on this website: new.gekkepoppen.nl/
I've made the column on the top right (cart) sticky but it's not working

1 month 2 weeks ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 16531
Hello,
Thank you for contacting us

It works, shifts to the height of the side.
(it will blend a few pixels)

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 2 weeks ago #3

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
But it's not staying visible when scrolling down.

1 month 2 weeks ago #4

  • Artem's Avatar
  • Artem
  • Posts: 9069
Hi,

The sticky column works fine on your site, by scrolling you can see move on 10px :cheer:

In your case, you need to use fixed positioning. Add this code to the CSS editor and enjoy
#item-16131372690 {
    position: fixed;
    top: 0;
    right: 100px;
    width: auto;
}

Regards,
Artem, Balbooa.com

1 month 2 weeks ago #5

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
Yes, thank you.
One question: how can i make it visible on mobile because it's now behind the text

1 month 2 weeks ago #6

  • Artem's Avatar
  • Artem
  • Posts: 9069
I can propose you disable this feature on mobile devices, for that delete previous code and replace to

@media (min-width: 768px) {
    #item-16131372690 {
        position: fixed;
        top: 0;
        right: 100px;
        width: auto;
    }
}


Regards,
Artem, Balbooa.com
Powered by Kunena Forum