Site TOP Menu bar is not sticking at the top

Hi santebarleyreviewhq. By design, the top menu is not “sticky” in the Boxed configuration. If you set Boxed to OFF the menu will stay in place.

Hi bdbrown,

Thank you so much… I thought that i had it screwed by some plugins that i used. However, if i still want the BOX style ON – can i have this top menu bar sticky at the top?

Thanks.

The default full width configuration sticks the top menu when the viewport width is greater than 1025px. I believe the author picked this limit because some mobile devices had issues handling the code. You could try adding the following to your css. It’s the same code used to stick the top menu in the full width configuration, but (1) without the .full-width class, and (2) it should stick down to 720px which is the point the menu collapses. I tried this on a test site and it appeared to work, but no guarantees:

@media only screen and (min-width: 720px) {
  /* fixed nav */
  .topbar-enabled #header { padding-top: 50px; }
  #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
  .admin-bar #nav-topbar.nav-container { top: 32px; }
  }

Thank you Bdbrown,

Thank you so much and advance happy new year….

Julius