Advertisement
Guest User

Untitled

a guest
May 21st, 2021
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.47 KB | None | 0 0
  1. .responsive #top #header,
  2. .responsive #top #header #header_meta,
  3. .responsive #top #header #menu-item-search a,
  4. .responsive #top #header a.cart_dropdown_link,
  5. .responsive #top #header #header_main nav .social_bookmarks,
  6. .responsive #top #header #header_main .inner-container .logo,
  7. .responsive #top #header #header_main .inner-container .main_menu,
  8. .responsive #top #header #header_main .inner-container .widget,
  9. #top #header #header_main .container.av-logo-container .inner-container {
  10.     display: flex;
  11.     position: relative;    
  12. }
  13.  
  14. .responsive #top #header #header_meta {
  15.     flex-basis: 100%;
  16. }
  17.  
  18. #top #header #header_main .container.av-logo-container {
  19.     height: inherit;    
  20.     line-height: inherit;
  21. }
  22.  
  23. #top #header #header_main .container.av-logo-container .inner-container {
  24.     height: inherit;
  25.     position: relative !important;
  26.     flex-wrap: wrap;
  27.     padding: 10px;
  28.     justify-content: space-between;
  29. }
  30.  
  31. .responsive #top #header {
  32.     flex-wrap: wrap;
  33. }
  34.  
  35. .responsive #top #header #header_main {
  36.     flex-basis: 100%;
  37. }
  38.  
  39. .responsive.html_header_transparency #top #wrap_all #header {
  40.     position: absolute;
  41. }
  42.  
  43. .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
  44. .html_header_sticky.html_header_transparency #top #wrap_all #header,
  45. .html_header_sticky #top #wrap_all #header {
  46.     position: fixed;
  47. }
  48.  
  49. .html_header_sticky #top #header_main .container,
  50. .html_header_sticky #top .main_menu ul:first-child>li a {
  51.     height: inherit !important;
  52.     line-height: inherit !important;
  53. }
  54.  
  55. .responsive #top #header #header_main .inner-container .logo {
  56.     order: 1;
  57.     flex-basis: auto;
  58.     min-width: 100px;
  59.     max-width: 180px;
  60.     z-index: 9;
  61.     max-height: 80px !important;
  62.     overflow: visible;
  63. }
  64.  
  65. .responsive #top #header .logo,
  66. .responsive #top #header .logo a,
  67. .responsive #top #header .logo img {
  68.     width: auto;
  69.     height: auto;    
  70.     align-items: center;
  71.     align-self: center;
  72.     justify-content: center;
  73. }
  74.  
  75. .responsive #top #header .logo a {
  76.     top: 86px;
  77. }
  78.  
  79. .responsive #top #header .logo span img {
  80.     position: absolute;
  81.     top: 50%;
  82.     transform: translateY(-50%);
  83. }
  84.  
  85. .responsive #top #header #header_main .inner-container .main_menu {
  86.     order: 3;
  87.     flex-basis: auto;
  88.     align-items: center;
  89.     align-self: center;
  90.     height: inherit !important;
  91. }
  92.  
  93. #header .av-main-nav {
  94.     display: flex;
  95.     flex-wrap: nowrap;
  96. }
  97.  
  98. @media only screen and (max-width: 1000px) {
  99.     #top #header .av-main-nav>li.menu-item {
  100.         display: none!important;
  101.     }
  102.     #top #header .av-burger-menu-main {
  103.         cursor: pointer;
  104.         display: block!important;
  105.     }
  106. }
  107.  
  108. @media only screen and (max-width: 767px) {
  109.     .responsive #top .av-logo-container .avia-menu {
  110.         display: flex!important;
  111.         align-items: center;
  112.     }
  113. }
  114.  
  115. .responsive #top #header #header_main .inner-container .widget {
  116.     order: 2;
  117.     flex-basis: auto;
  118.     padding: 0;
  119.     clear: none!important;
  120.     justify-content: center;
  121.     align-self: center;
  122.     align-items: center;
  123.     z-index: 1;
  124. }
  125.  
  126. .responsive #top #header #header_main .inner-container .widget>div {
  127.     width: 100%;
  128.    
  129. }
  130.  
  131. .responsive #top #header #header_main nav .social_bookmarks {
  132.     top: auto;
  133.     margin-top: 0;
  134.     align-items: center;
  135. }
  136.  
  137. .responsive #top .av-logo-container .social_bookmarks li {
  138.     height: inherit;
  139. }
  140.  
  141. #top #header #header_main #menu-item-shop a.cart_dropdown_link {
  142.     height: auto;
  143. }
  144.  
  145. @media only screen and (max-width: 767px) {
  146.     .responsive #top #menu-item-shop.cart_dropdown {
  147.         display: flex;
  148.         align-items: center;
  149.     }
  150.     .cart_dropdown .dropdown_widget .avia-arrow {
  151.         display: none;
  152.     }
  153. }
  154.  
  155.  
  156. @media only screen and (max-width: 767px) {
  157.   .responsive #top #wrap_all #main {
  158.     padding-top: 387px !important;
  159.   }
  160.  
  161.   .responsive #top #wrap_all #header {
  162.     position: absolute !important;
  163. }
  164.  
  165.   #top #header #header_main .container.av-logo-container .inner-container {
  166.     display: block;
  167.   }
  168.  
  169.   .responsive #top #header #header_main .inner-container .logo {
  170.     height: auto !important;
  171.     max-height: none !important;
  172.   }
  173.  
  174.   .responsive #top #header #header_main .inner-container .logo a {
  175.     top: 0;
  176.   }
  177.  
  178.   .responsive #top #header #header_main .inner-container .main_menu {
  179.     position: absolute;
  180.     top: 30px;
  181.   }
  182. .responsive #top #header #header_main .inner-container .widget {
  183.     padding-top: 12px;
  184.     margin-bottom: -8px;
  185. }
  186. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement