sticky navigation header

Hello Team,

I am trying the "Navigation as Header" option with some css to have it sticky
.main-navigation {position: -webkit-sticky;position: sticky; top: 0}

As the one from the theme seems to be using jquery.

The concern is that the navigation header seems to be covering a part of my sticky left sidebar when I start scrolling. I intend to have a page something like the one I shared in "Private information" where the navigation header and left sidebar are both sticky.

Can you please help with this.

Thanks in advance.