Top Bar does not stick (pro header)

hi there,
i found this thread which i think covers my problem:


please have a look at the red top bar of my site. it moves upwards when scrolling. i would prefer it to just stick where it is and be always attached to the white top bar above.
how can i achive this?
thanks a lot! kai

Hi There,

This custom CSS is what caused the issue.

.hm5.x-bar {
    top: 0px !Important;
}

Could you try removing it?

Thanks

hi there,

thanks for your reply. but the mentioned problem was there from the very beginning. long before i put this extra css in. the extra css was given to me a few days ago from you to fix another issue with the mobile menu. https://theme.co/apex/forum/t/navigation-dropdown-on-iphone/23423/9

maybe i did describe my problem not too well. i mean the short moving of the red bar in the header. the bar with the menu inside. it moves when you scroll.

in the mentioned thread this was confirmed a bug. right?

thanks! kai

Hi There,

Oh I see. To fix that issue without removing the previous fix, please update this css

.hm5.x-bar {
    top: 0px !Important;
}

to this

@media (max-width: 480px){
      .hm5.x-bar {
          top: 0px !Important;
      }
}

Hope it helps.

dear css hero, it helped; a lot!!! :wink: thank you so much! will this be fixed in a future update? best wishes, kai

On behalf of my colleague, you’re welcome. :slight_smile:

We’ll forward this to our web development team for review.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.