Sticky Pro Header shifting to the right

Support
#1

I added some padding to the CSS body and now my new sticky headers shift to the right as you scroll down.

The CSS is just:

body {
  padding:10px;
}

But when you get back to the top they ‘pop’ back into correct position

Please advise, thank you!
Jason

#2

Hi Jason,

By default, when BAR is fixed on top, it is fullwidth. So even if you add padding, it will overflow. Now, to make sure it doesn’t overflow, we need to subtract those space from the total width of the bar. Try to add this custom CSS on HEADER CSS:

.x-bar-fixed {

    width: calc(100% - 20px) !important;
}

20px is the space you need on left and right.

Hope this helps.

#3

Good morning Lely and thank you very much - I have tried and it is successful

Thank you!
Jason

#4

You’re most welcome, Jason.

#5

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