johnbergson

WordPress Customizr theme with single fixed header/navbar

Jul 28th, 2014
400
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Single, small fixed header navbar for WordPress Customizr theme. Thanks to  
  2. http://wordpress.org/support/topic/top-menu-remove-space-for-tagline-social-icons
  3. http://www.themesandco.com/snippet/make-header-sticky/
  4. */
  5.  
  6. /* reserve space for the fixed header */
  7. body {
  8.     padding-top: 58px;
  9. }
  10.  
  11. .tc-header {
  12.     position: fixed;
  13.     top: 0px;
  14.     background-color: #fff;
  15.     z-index: 100;
  16.     width: 100%;
  17.     max-height: 58px;
  18.     border-bottom: 1px solid #e9eaee;
  19. }
  20.  
  21. /* navbar site desc remove but keep it for SEO */
  22. .navbar-wrapper .navbar .site-description {
  23.     position: absolute !important;
  24.     clip: rect(1px, 1px, 1px, 1px);
  25. }
  26.  
  27. /* navbar social remove */
  28. .navbar-wrapper .navbar .social-block { display: none; }
  29.  
  30. /* move the menu trigger button inside the header */
  31. .navbar.resp .navbar-inner {margin-top: -58px;}
  32.  
  33. /* navbar remove gradient background */
  34. .navbar .navbar-inner {
  35.     background: none;
  36.     box-shadow: none;
  37. }
  38.  
  39. /* smaller brand title */
  40. .brand h1 a {font-size: 24px;}
RAW Paste Data