Advertisement
srikat

_bh-header.scss

Apr 22nd, 2015
300
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.66 KB | None | 0 0
  1. .title-area,
  2. .site-header .widget-area {
  3. width: auto;
  4. }
  5.  
  6. .site-header {
  7. min-height: 0;
  8. .wrap {
  9. padding: 20px 0;
  10. .title-area {
  11. margin-top: 16px;
  12. }
  13. }
  14. }
  15.  
  16. .no-svg .site-header .wrap .title-area {
  17. margin-top: 10px;
  18. }
  19.  
  20. .header-widget-area {
  21.  
  22. .widget {
  23. float: left;
  24. }
  25.  
  26. .widget_nav_menu {
  27. margin-top: 4px;
  28. margin-right: 80px;
  29. }
  30.  
  31. .genesis-nav-menu {
  32. font-size: 15px;
  33. li {
  34. a {
  35. text-transform: uppercase;
  36. background: url(images/menu-separator.png) no-repeat right center;
  37. color: $nav-links;
  38. padding: 30px 28px 30px 20px;
  39. font-family: $futura;
  40. font-weight: 700;
  41. &:hover {
  42. color: $nav-links-hover;
  43. }
  44. }
  45. &:last-child a {
  46. background: transparent;
  47. }
  48. }
  49. .current-menu-item > a,
  50. .sub-menu .current-menu-item > a:hover {
  51. color: $nav-links-hover;
  52. }
  53. .current-menu-item > a,
  54. .current_page_parent > a,
  55. .current-page-ancestor > a {
  56. position: relative;
  57. &:after {
  58. content: '';
  59. width: 0;
  60. height: 0;
  61. border-style: solid;
  62. border-width: 0 21.5px 23px 21.5px;
  63. border-color: transparent transparent #3f739b transparent;
  64. position: absolute;
  65. left: 28%;
  66. bottom: -20px;
  67. @media only screen and (max-width: 1200px) {
  68. display: none;
  69. }
  70. }
  71. }
  72. #menu-item-13 a:after {
  73. left: 20px;
  74. }
  75. #menu-item-15 a:after { // About
  76. left: 23px;
  77. display: none; // remove this when About has sub pages
  78. }
  79. #menu-item-17 a:after { // Video
  80. left: 20px;
  81. display: none; // remove this when Video has sub pages
  82. }
  83. #menu-item-121 a:after { // Events
  84. display: none; // remove this when Events menu item has sub items
  85. }
  86. }
  87.  
  88. .simple-social-icons {
  89. margin-top: 20px;
  90. ul {
  91. li a:hover {
  92. @include opacity(0.8);
  93. }
  94. li.social-twitter a {
  95. background: $social-twitter !important;
  96. }
  97. li.social-facebook a {
  98. background: $social-facebook !important;
  99. }
  100. li.social-instagram a {
  101. background: $social-instagram !important;
  102. }
  103. }
  104. }
  105. }
  106.  
  107. .tribe-events-page-template #menu-item-13 a:after { // Events
  108. display: none;
  109. }
  110.  
  111. @media only screen and (max-width: 1200px) {
  112. .title-area,
  113. .site-header .widget-area {
  114. float: none;
  115. text-align: center;
  116. }
  117. .header-widget-area .widget {
  118. float: none;
  119. }
  120. .header-widget-area .widget_nav_menu {
  121. margin-right: 0;
  122. }
  123. .simple-social-icons ul.alignleft {
  124. float: none;
  125. text-align: center;
  126. }
  127. .simple-social-icons ul li {
  128. display: inline-block;
  129. float: none !important;
  130. }
  131. }
  132.  
  133. @media only screen and (max-width: 320px) {
  134. .header-widget-area .genesis-nav-menu li a {
  135. padding: 10px 28px 10px 20px;
  136. }
  137. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement