Encountering a challenge with sticky CSS on Chrome. While viewing on mobile browsers, one element of the page fails to assume a sticky position. The issue is evident on this specific page
When viewed from a computer, the code below works perfectly; however, when accessed from a mobile device, the red bar at the top of the page does not stay in its designated position. This is the code snippet I employed:
.top-bar-copywriting {
position: -webkit-sticky;
position: sticky !important;
top: 0 !important;
z-index: 2;}
Open to suggestions and ideas on how to resolve this issue! Your insight is greatly appreciated!