_horizontal-menu.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .horizontal-menu {
  2. .content-wrapper, .main-footer, .main-header {
  3. margin-left: 0!important;
  4. }
  5. .header-navbar {
  6. position: -webkit-sticky;
  7. position: sticky;
  8. top: 0;
  9. }
  10. .header-navbar.navbar-horizontal, .main-sidebar {
  11. top: 68px;
  12. position: fixed;
  13. width: 100%;
  14. //z-index: 99!important;
  15. height: inherit;
  16. min-height: auto;
  17. bottom: inherit;
  18. }
  19. .header-navbar .main-menu-content {
  20. padding-left: 1.5rem!important;
  21. padding-right: 1.3rem!important;
  22. transition: .3s ease all;
  23. background: inherit;
  24. margin-left: 0;
  25. }
  26. .wrapper .sidebar {
  27. height: inherit!important;
  28. }
  29. .nav.nav-pills {
  30. margin-bottom: .8rem;
  31. }
  32. }
  33. @media (min-width: 576px) {
  34. .navbar-expand-sm {
  35. -webkit-flex-flow: row nowrap;
  36. -ms-flex-flow: row nowrap;
  37. flex-flow: row nowrap;
  38. -webkit-box-pack: start;
  39. -webkit-justify-content: flex-start;
  40. -ms-flex-pack: start;
  41. justify-content: flex-start;
  42. }
  43. .navbar-expand-sm, .navbar-expand-sm .navbar-nav {
  44. -webkit-box-orient: horizontal;
  45. -webkit-box-direction: normal;
  46. }
  47. }