Archived topic

Top bar sticky

3 replies · Started by Anders Nielsen on September 18, 2019

Viewing posts 1–4 of 4

September 18, 2019 at 12:14 am #1012233

I'm have found some old posts, and it helped to get almost all the way...

I'm trying to make the topbar sticky

.top-bar
{
    position: sticky;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
}

But on Safari, the sticky is not supported - so I use the "position:fixed" but then the topbar blocks the menu on chrome!!

What to do?

September 18, 2019 at 3:29 am #1012360

Hi there,

you need to include the -webkit prefix sticky property in your CSS:

position: -webkit-sticky;

Add that to your CSS

September 18, 2019 at 4:40 am #1012414

Great.. works :)

September 18, 2019 at 4:50 am #1012424

You're welcome

This archived topic is closed to new replies.