SHARE
TWEET

new-menu.css

a guest Apr 26th, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @media screen and (min-width: 960px) {
  2.     #primary-menu-new {
  3.         -webkit-flex: 0 1 100%;
  4.         -ms-flex: 0 1 100%;
  5.         flex: 0 1 100%;
  6.     }
  7.  
  8.     #primary-menu-new .wrapper {
  9.         width: auto;
  10.     }
  11.     #primary-menu-new {
  12.             display: block;
  13.             -webkit-flex: 0 1 auto;
  14.             -ms-flex: 0 1 auto;
  15.             flex: 0 1 100%
  16.     }
  17.     #primary-menu-new {
  18.         font-family: 'Oswald', sans-serif;
  19.     }
  20. }
  21.  
  22. #site-header-menu-new {
  23.     display: none;
  24. }
  25.  
  26. #site-header-menu-new.toggled-on {
  27.     display: block;
  28. }
  29. #site-header-menu-new.toggled-on {
  30.     border-top: none;
  31.     margin-bottom: 20px;
  32.     text-align: left;
  33. }
  34. #site-header-menu-new.toggled-on {
  35.     background-color: #000;
  36. }
  37.  
  38. @media screen and (min-width: 960px) {
  39.     #site-header-menu-new.toggled-on {
  40.             background-color: transparent;
  41.             margin-bottom: 0;
  42.         }
  43.  
  44.  
  45.     #site-header-menu-new {
  46.             display: block;
  47.         }
  48.  
  49.         #site-header-menu-new .search-enabled {
  50.             position: relative;
  51.         }
  52.  
  53.         #site-header-menu-new .search-enabled .nepalbuzz-nav-menu {
  54.             padding-right: 40px;
  55.         }
  56.  
  57.         #site-header-menu-new .wrapper {
  58.             position: relative;
  59.             width: 100%;
  60.         }
  61.  
  62.         #site-header-menu-new li li {
  63.             display: block;
  64.         }
  65.  
  66.         #site-header-menu-new ul ul li {
  67.             text-align: left;
  68.         }
  69.  
  70.         #site-header-menu-new li a {
  71.             padding: 30px 15px;
  72.         }
  73.  
  74.         #site-header-menu-new li li a {
  75.             padding: 10px 15px;
  76.         }
  77.  
  78.         #site-header-menu-new .nepalbuzz-nav-menu .menu-item-has-children > a,
  79.         #site-header-menu-new .nepalbuzz-nav-menu .page_item_has_children > a {
  80.             margin: 0;
  81.             padding-right: 2.25em;
  82.         }
  83.  
  84. }
  85.  
  86. #menu-toggle-primary-new {
  87.     background-color: #ddd;
  88.     color: #1a1a1a;
  89. }
  90.  
  91. #menu-toggle-primary-new:hover,
  92. #menu-toggle-primary-new:focus,
  93. #menu-toggle-primary-new.toggled-on {
  94.     background-color: #cc2b3a;
  95.     color: #fff;
  96. }
  97.  
  98. @media screen and (min-width: 960px) {
  99.     #menu-toggle-primary-new {
  100.         display: none;
  101.     }
  102. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top