Pro Header - Sticky Issue

[Syrathos]

Good Evening,

I’ve been scouring the support forum but I don’t seem to be able to put together a solution for the ‘sticky’ bar shifting as you scroll down the page.

I know that similar issues have been brought up multiple times, but I must be missing something…

I’d like the top bar of the header to stay in place without shifting to the right (and currently off the page).

Sorry to have to post for support.

Thank you,

[ruenel]

Hello Mark,

Thanks for writing in!

I went ahead and edited your header. In the bar setting’s “Customize” tab, I added an inline element css:

$el.x-bar-fixed {
  width: calc(100% - 100px) !important;
}

This is necessary since you have a SuperFly menu on the left side which is the one pushes the bar when it is fixed on top.

Cheers.

[Syrathos]

Thank you so much. Exactly what I was after.

[nabeel]

Glad we could help.

Cheers!