Possible to change the speed of the sticky bar?

Support
#1

Hi there,
Was wondering is it possible in Pro’s Headers to change the speed of the sticky bar that appears? If so, how can I slow it down a bit?

#2

Hello There,

Thanks for writing in! Do you want that the sticky bar will display a little late when you scroll the page? Play around with the trigger offset option or with the trigger selector which will need an element ID which in your case, you can use #x-section-1 and the sticky bar will only appear once you get pass the first section as you scroll on the page.

It is best if you’d use the trigger offset since not all pages will have a section.

Please let us know how it goes.

#3

Hi there,
Thanks for responding! I’m referring to actual speed which the sticky bar appears. Currently, it takes about 1 second, maybe a little less. How could I make it 2 or 3 seconds? My guess it’s jQuery?

#4

Hello There,

Thanks for the clarifications. At the moment, the transition duration is 0.3 seconds. If you want to prolong the duration, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-bar-is-sticky, 
.x-bar-is-sticky .x-bar-content {
    transition-duration: 2s;
}

Feel free to change the duration just do not forget to have the unit s in the code above.

#5

Perfect! Thank you :slight_smile:

#6

You’re welcome!
Thanks for letting us know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.