MOBILE SCROLLING ISSUE AFTER STICKY/FIXED HEADER CODING / Minimal Theme

[RETROAREA]

Hey there!

Could any Liquid Coding Pro help me out with this recent issue?

I adjusted the Header to be sticky in the desktop and mobile version, but the menu cannot be fully scrolled through in the mobile version any more. What needs to be adjusted in my code so that the menu scrolling is still possible? If you need any more information, please message me! Your David.

My theme: Minimal
My Url: www.retroarea.de

The Code:

.header-bar{

  position: fixed;

    width: 100%;

    z-index: 9;

  }

  .site-header .wrapper{

  margin-top: 65px;

  }

[KetanKumar]

@RETROAREA 

yes please try this code

https://codepen.io/JGallardo/pen/lJoyk

[RETROAREA]

Hey KetanKumar,

first of all thanks for replying! Could you message/tell me which part I would need to add to my coding, shown down below?

.header-bar{

  position: fixed;

    width: 100%;

    z-index: 9;

  }

  .site-header .wrapper{

  margin-top: 65px;

  }