Side Navigation is not sticky on discussions

cmsoc

Hello Everyone,

Need some help. In our Flarum forum, the side navigation on discussions gets hidden when we start scrolling down to view posts. We have tried to disable all extensions and check it. But the issue persists.

cmsoc

Any help guys 🙂

SychO

link your forum where we can see the issue and figure out why it isn't stickying

cmsoc

SychO

Here it is: <>

SychO

cmsoc do you have any custom styling? (show the CSS code of it)

cmsoc

SychO Yes, this is what I have in admin panel.

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img
{
    max-width: 100%;
    overflow-x: hidden;
}

@media screen and (max-width: 1026px) {
  .item-forumStatisticsWidget{
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sideNav li.item-forumStatisticsWidget {
    display: none;
  }
}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #343333b5 #ffffff00;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 6px;height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff00;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #343333b5 ;
    border-radius: 40px;
    border: none;
  }

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

SychO

cmsoc remove the first overflow-x: hidden;

cmsoc

SychO Awesome! That was a quick fix.

Thank you so much 😃