Convert Box Sticky Bar

[wolfproductions]

Hi there, I am using Convert Box to display a sticky bar on a site. Works well:

BUT if a user has not closed it… and I scroll down (have bars in header set to sticky) it then covers the top bar:

How do I make sure that the header remains sat below the sticky bar on scroll please. Please not I don’t want to make the header deeper.

Thanks very much.

[prakash_s]

Hello @wolfproductions,

Thanks for writing to us.

By default, there is no option to adjust the menu position based on the Convert info box load on the Header. It would require custom development. I would suggest you contact a developer who can assist you with your concerns, or you can subscribe to One, where customization questions are answered. Please note that we don’t provide custom development support. It is out of the support scope.

Thanks for understanding

[wolfproductions]

Thanks Prakash,

As an alternative, is there a way of achieving this via a ‘closable’ bar within a header instead?

[Ismael]

Hello @wolfproductions,

Thank you for the update.

Have you tried applying a top margin to the header on scroll to provide space for the closable bar? You can then revert the margin back to zero when it disappears. Please check this link for more details on how to check for scroll events.

– https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event
– https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event
– https://www.w3schools.com/jsref/event_onscroll.asp

As mentioned above, this is beyond the scope of support, but you can subscribe to our One service if you need more direct assistance.

Best regards,