In my Pro 3.2.2 header builder setup, there’s two sticky bars sitting on top of each other. The upper one has top and bottom padding applied, its containers have top and bottom margins. When scrolling away from the top of the page so that the stickyness comes into play, these margins and paddings are not taken into account when setting the positional top value for the lower bar resulting in some misalignment.
This is fixed by editing the minified framework/dist/js/site/x.js
replacing t.$el.height()
with t.$el.outerHeight(true)
.
It clearly looks like a bug - why should you ignore the margins, paddings and borders of the upper bar when positioning the following elements -, but I’m wondering if there’s a certain point in using height()
? If not, please consider changing it to outerHeight(true)
as overriding and/or constantly keeping up with a minified file that probably changes frequently causes some serious PITA.