dallynX

меню для hestia

Jan 20th, 2020
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.37 KB | None | 0 0
  1.  
  2. @media (min-width: 769px) and (max-width: 869px){
  3.  
  4. .navbar-toggle{
  5.   display: block;
  6. }
  7.  
  8. .container .navbar-header {
  9. width: 100%;
  10. display: flex;
  11. margin: 0 auto;
  12. }
  13.    
  14. .navbar-collapse.collapse{
  15. display: none !important;
  16. }
  17.  
  18. .navbar-collapse.collapse.in{
  19.     display: block !important;
  20. }
  21. /*
  22. body.admin-bar .navbar.navbar-default .navbar-collapse {
  23.     max-height: calc(100% - 115px);
  24.     margin-top: 115px;
  25. }
  26. */
  27.  
  28. .navbar.navbar-fixed-top .navbar-collapse {
  29.     max-height: calc(100% - 70px);
  30.     margin-top: 70px;
  31.     overflow-y: auto;
  32.     position: fixed;
  33.     z-index: 9999;
  34.     background: #fff;
  35.     width: 100%;
  36.     left: 0;
  37.     top: 0;
  38.     margin-left: 0;
  39.     margin-right: 0;
  40.     -webkit-overflow-scrolling: auto;
  41. }
  42.  
  43.  
  44. .navbar .nav.navbar-nav {
  45.     display: block;
  46. }
  47.  
  48. .navbar .navbar-nav li {
  49.     box-sizing: border-box;
  50.     float: left;
  51.     margin: 0;
  52.     padding: 0;
  53.     width: 100%;
  54.     text-align: left;
  55. }
  56.  
  57. }
  58.  
  59.  
  60. @media (min-width: 769px) and (max-width: 782px){
  61. body.admin-bar .navbar {
  62.     margin-top: 45px;
  63. }
  64.  
  65. body.admin-bar .navbar.navbar-default .navbar-collapse {
  66.     /* max-height: calc(100% - 115px); */
  67.     margin-top: 115px;
  68. }
  69.  
  70. }
  71.  
  72.  
  73. @media (min-width: 783px) and (max-width: 869px){
  74.  
  75. body.admin-bar .navbar.navbar-default .navbar-collapse {
  76.     /* max-height: calc(100% - 115px); */
  77.     margin-top: 102px;
  78. }
  79.  
  80. }
Add Comment
Please, Sign In to add comment