Crafted eCommerce Template

Crafted Joomla eCommerce template for kids store and baby shops
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Scrolling within the sticky header

1 week 1 day ago #1

  • Chan's Avatar
  • Chan
  • Posts: 21
Hello,

In the page
violinbrothers.com.hk/vb-bows

I have a sticky header which will be triggered when the user scroll down, the sticky header contains information

However, the content inside the header is fixed and I would like to let the user to scroll within the content of the sticky header, how can I make it happen?

Thanks

1 week 1 day ago #2

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

You need to add CSS code at the code editor:
.ba-sticky-header.visible-sticky-header {
    max-height: 100vh;
    overflow-y: auto;
}

Regards,
Vyacheslav, Balbooa.com

1 week 1 day ago #3

  • Chan's Avatar
  • Chan
  • Posts: 21
Thanks for your reply,

What if I want to trigger the sticky header when the user scrolled to a certain part(Px)?
instead of showing it once the user scroll down.

1 week 1 day ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 17542
You can do it in plugin settings


Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum