SHARE
TWEET

theord_responsive_1

tmoflash Apr 24th, 2018 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- ==== HTML / PHP ==== -->
  2.  
  3. <header class="site-header" role="banner">
  4.        
  5.         <!-- ==== NAVBAR MAIN ==== -->
  6.         <div class="navbar-wrapper">
  7.            
  8.             <div class="navbar navbar-inverse navbar-fixed-top my-navbar" role="navigation">
  9.                 <div class="container-fluid">
  10.                     <div class="navbar-header">
  11.                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  12.                             <span class="sr-only">Toggle navigation</span>
  13.                             <span class="icon-bar"></span>
  14.                             <span class="icon-bar"></span>
  15.                             <span class="icon-bar"></span>
  16.                         </button>
  17.                     </div>
  18.                         <?php
  19.                             wp_nav_menu(array (
  20.  
  21.                                 'theme_location'  => 'primary',
  22.                                 'container'       => 'nav',
  23.                                 'container_class' => 'navbar-collapse collapse',
  24.                                 'menu_class'      => 'nav navbar-nav navbar-left my-nav'   
  25.  
  26.                             ));
  27.                         ?>
  28.                 </div><!-- ==== CLOSE CONTAINER ==== -->
  29.             </div> <!-- ==== CLOSE NAVBAR ==== -->
  30.        
  31.         </div> <!-- ==== CLOSE NAVBAR WRAPPER ==== -->
  32.  
  33.         <!-- ==== NAVBAR COMIC ==== -->
  34.         <div class="navbar-wrapper">
  35.            
  36.             <div class="navbar navbar-inverse navbar-fixed-top comic-navbar" role="navigation">
  37.                 <div class="container-fluid">
  38.                     <div class="navbar-header">
  39.                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  40.                             <span class="sr-only">Toggle navigation</span>
  41.                             <span class="icon-bar"></span>
  42.                             <span class="icon-bar"></span>
  43.                             <span class="icon-bar"></span>
  44.                         </button>
  45.                         <a class="navbar-brand comic-title" href=""><?php the_title(); ?></a>
  46.                         <a class="navbar-brand comic-date" href=""><?php the_date(); ?></a>
  47.                     </div>
  48.                     <?php
  49.                             wp_nav_menu(array (
  50.  
  51.                                 'theme_location'  => 'comic',
  52.                                 'container'       => 'nav',
  53.                                 'container_class' => 'navbar-collapse collapse',
  54.                                 'menu_class'      => 'nav navbar-nav navbar-left'  
  55.  
  56.                             ));
  57.                     ?>
  58.                    
  59.  
  60.                 </div>
  61.             </div>
  62.        
  63.         </div>
  64.  
  65.  
  66.     .my-navbar {
  67.     background-color: #DE0074;
  68.     margin: 0;
  69.     -webkit-box-shadow: 0 8px 6px -6px #000;
  70.     -moz-box-shadow: 0 8px 6px -6px #000;
  71.     box-shadow: 0 8px 6px -6px #000;
  72. }
  73.  
  74. <!-- ==== CSS ==== -->
  75. .my-navbar ul.nav > li > a:after {
  76.     /*content: "|";*/
  77.     padding-right: 20px;
  78.     padding-left: 20px;
  79. }
  80.  
  81.  
  82.  
  83. .comic-navbar {
  84.     margin-top: 10px;
  85.     background-color: #FFF;
  86.     border-bottom: 1px solid #DE0074;
  87.     z-index: 99;
  88.     position: relative;
  89. }
  90.  
  91. .comic-navbar ul.nav > li > a:after {
  92.     /*content: "|";*/
  93.     padding-right: 20px;
  94.     padding-left: 20px;
  95. }
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