"custom header"
Bootstrap 3.3.0 Snippet by webrohit1997

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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 ----------> <header> <nav class="navbar navbar-expand-sm gradient custom_nav"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand logo" href="index.php"><img src="http://flipzaap.com/assets/img/logos.png"></a> </div> <!-- Links --> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right simple_menubar"> <li><a href="index.php">HOME</a></li> <li><a href="freegame.php">FREE SLOTS</a></li> <li><a href="offers.php">OFFERS</a></li> <li><a href="voucher.php">VOUCHERS</a></li> <li><a href="leader-board.php">LEADER BOARD</a></li> <li><a href="https://www.facebook.com/v2.2/dialog/oauth?client_id=371340806616356&state=d510e54493e3f1ca47173dc082aef19f&response_type=code&sdk=php-sdk-5.6.2&redirect_uri=http%3A%2F%2Fflipzaap.com%2F&scope=email%2Cpublish_actions%2Cpublic_profile"><img src="http://flipzaap.com/assets/img/topfb.jpg" class="topfbbtn"></a></li> </ul> </div> </div> </nav> </header>
header{ display: block; } .block_input{ pointer-events: none; cursor: not-allowed; background: #ececec; } .custom_nav{ background: url('http://flipzaap.com/assets/img/new_top_bg.png') !important; padding: 0px; border-radius: 0px; max-height: 100px; box-shadow: -1px -3px 17px 0px #020202; margin: 0px; background-repeat: repeat-x !important; z-index: 16; } .gradient{ background: linear-gradient(to bottom, #0990c2, #077cb1); } .block{ cursor: not-allowed; background: #ccc !important; } .block:hover{ text-decoration:none; color:#fff; } .logo{ padding:8px 15px; } .simple_menubar li{font-size:16px;} .simple_menubar li a{ color: #fff; padding: 30px 35px; }

Related: See More


Questions / Comments: