"header.php"
Bootstrap 4.1.1 Snippet by prabuanan

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <?php /** * The header for our theme * * This is the template that displays all of the <head> section and everything up until <div id="content"> * * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials * * @package WordPress * @subpackage Twenty_Nineteen * @since 1.0.0 */ ?><!doctype html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="profile" href="https://gmpg.org/xfn/11" /> <?php wp_head(); ?> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!--css--> <!-- <link rel="stylesheet" href=""> --> <!-- <link rel="stylesheet" href="<?php // echo esc_url( get_template_directory_uri() ); ?>/https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> --> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/style.css"> </head> <body <?php body_class(); ?>> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content"> <?php _e( 'Skip to content', 'twentynineteen' ); ?></a> <header id="masthead" > <nav class="navbar navbar-expand-lg bg-white fixed-top text-uppercase" id="mainNav"> <div class="container"> <a class="navbar-brand js-scroll-trigger" href="#page-top"><?php bloginfo('name'); ?></a> <button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fa fa-bars"></i> </button> <?php wp_nav_menu([ 'menu' => 'primary', 'theme_location' => 'menu', 'container' => 'div', 'container_id' => 'navbarResponsive', 'container_class' => 'collapse navbar-collapse', 'menu_id' => false, 'menu_class' => 'navbar-nav ml-auto', 'depth' => 1, 'fallback_cb' => 'bs4navwalker::fallback', 'walker' => new bs4navwalker() ]); ?> </div> </nav> </nav> </header><!-- #masthead --> <div id="content" class="site-content">

Related: See More

Vue Now UI Kit
Resize & Fixed Header (shrinking header)
Header Curtain Effect
Left Sideways Panel Header

Questions / Comments: