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

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

RETROAREA
Excursionist
12 0 7

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;

  }

Replies 2 (2)

KetanKumar
Shopify Partner
37634 3670 12166

@RETROAREA 

yes please try this code

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RETROAREA
Excursionist
12 0 7

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;

  }