/planearts.com/views/partials/navbar.php

<!-- Fixed navbar start -->
<div class="navbar navbar-tshop navbar-fixed-top megamenu" role="navigation">
    <!--
    <div class="navbar-top">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">

                    <div class="pull-right">
                        <ul class="userMenu ">
                            <li>
                                <a href="faqs.php">
                                    <span class="hidden-xs">About Planearts</span>
                                    <i class="glyphicon glyphicon-info-sign hide visible-xs "></i>
                                </a>
                            </li>                        
                            <li>
                                <a href="faqs.php">
                                    <span class="hidden-xs">FAQs</span>
                                    <i class="glyphicon glyphicon-info-sign hide visible-xs "></i>
                                </a>
                            </li>
                            <li class="phone-number">
                                <a href="contact-us.php">
                                    <span> <i class="fa fa-envelope"></i></span>
                                    <span class="hidden-xs" style="margin-left:5px"> CONTACT US </span>
                                </a>
                            </li>
                            <li>
                                <a href="terms-and-conditions.php">
                                    <span class="hidden-xs">Terms and Conditions</span>
                                    <i class="glyphicon glyphicon-info-sign hide visible-xs "></i>
                                </a>
                            </li>                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    -->

    <div class="container" style="margin: 0px auto; height: 90px;">
        <div class="row">
            <div class="col-sm-12 col-md-6">
                <a class="navbar-brand " href="index.php"> 
                    <img src="{{ websiteVars.websiteSpecificImagePath }}logo.png" alt="Planearts"> 
                </a>                    
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="search-box static-search pull-right">

                    <form id="search-form" method="GET" action="search.php" role="search" class="navbar-form">
                        <div class="input-group">
                            <input type="text" style="padding:6px 6px;" name="q" value="{{ searchTerm|default('') }}" placeholder="Search..." class="form-control">

                            <div class="input-group-btn">
                                <a class="btn btn-default" style="height: 33px;" href="#" onclick="$(this).parents('form').submit(); return false;">
                                    <i class="glyphicon glyphicon-search"></i>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>                
            </div>                
        </div>        
    </div>
    
    {% set c = get_cart() %}

    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only"> Toggle navigation </span> <span class="icon-bar"> </span>
                <span class="icon-bar"> </span> <span class="icon-bar"> </span></button>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-cart">
                <i class="fa fa-shopping-cart colorWhite"> </i>
                <span class="cartRespons colorWhite"> Cart (<span class="total-price">${{ c.price }}</span>) </span></button>

        </div>


        <!-- this part is duplicate from cartMenu keep it for mobile -->
        <div class="navbar-cart  collapse">
            <div class="cartMenu static-search-box  col-lg-4 col-xs-12 col-md-4 ">
                <div class="w100 miniCartTable scroll-pane">                    
                    <table>
                        <tbody>
                        {% for i in c.items %}
                            <tr class="miniCartProduct">
                                <td style="60%">
                                    <div class="miniCartDescription">
                                        <h4><a href="product-details-style4.html">{{ i.product.name }}</a></h4>
                                    </div>
                                </td>
                                <td style="30%" class="miniCartSubtotal"><span class="item-price-{{ i.id }}">${{ i.totalPrice }}</span></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <!--/.miniCartTable-->

                <div class="miniCartFooter  miniCartFooterInMobile text-right">
                    <h3 class="text-right subtotal"> Subtotal: <span class="total-price">${{ c.price }}</span> </h3>
                    <a class="btn btn-sm btn-danger" href="cart.php"> <i class="fa fa-shopping-cart"> </i> VIEW CART </a>
                    <a class="btn btn-sm btn-primary" href="shipping.php" > CHECKOUT </a>
                </div>
                <!--/.miniCartFooter-->

            </div>
            <!--/.cartMenu-->
        </div>
        <!--/.navbar-cart-->

        <div class="navbar-collapse collapse">


            <ul class="nav navbar-nav">
                <li class="active"><a href="index.php"> Home </a></li>

                <!-- change width of megamenu = use class > megamenu-fullwidth, megamenu-60width, megamenu-40width -->
                <li class="dropdown megamenu-80width ">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">CATEGORIES <b class="caret"> </b> </a>
                    <ul class="dropdown-menu">
                        <li class="megamenu-content">

                            <!-- megamenu-content -->

                            <ul class="col-sm-6 unstyled noMarginLeft">
                                <li><a href="category.php?category=13">Airships and Blimps </a></li>
                                <li><a href="category.php?category=7">Nose Art Panels </a></li>
                                <li><a href="category.php?category=14">Aviation Oil Paintings </a></li>
                                <li><a href="category.php?category=15">Boats, Ships & Submarines</a></li>
                                <li><a href="category.php?category=5">Early Aviation - Pre-1950 </a></li>
                                <li><a href="category.php?category=4">Helicopters </a></li>
                                <li><a href="category.php?category=9">Made to Order Models </a></li>
                                <li><a href="category.php?category=16">Tanks & Armored Vehicles </a></li>
                            </ul>
                            <ul class="col-sm-6 unstyled">
                                <li><a href="category.php?category=2">Military Airplanes - Jet </a></li>
                                <li><a href="category.php?category=1">Military Airplanes - Propeller</a></li>
                                <li><a href="category.php?category=3">Private & Civilian </a></li>
                                <li><a href="category.php?category=10">Sale Clearance Items </a></li>
                                <li><a href="category.php?category=6">Space, NASA & Experimental</a></li>
                                <li><a href="category.php?category=12">Specials </a></li>
                                <li><a href="category.php?category=8">Tail Shields & Flashes, Plaques & Seals</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="faqs.php">FAQs</a>                    
                </li>
                <li>
                    <a href="faqs.php">Made to Order</a>                    
                </li>                
                <li><a href="contact-us.php">Contact us</a></li>
                <li><a href="terms-and-conditions.php">Terms and Conditions</a></li>                
            </ul>


            <!-- this part for mobile -->
            <div class="search-box static-search  w100 hidden-lg hidden-md hidden-sm navbar-formbox navbar-right">
                <div style="clear:both"></div>
                <form id="search-form" method="GET" action="search.php" role="search" class="navbar-form">
                    <div class="input-group">
                        <input type="text" style="padding:6px 6px;" name="q" value="{{ searchTerm|default('') }}" placeholder="Search using" class="form-control">

                        <div class="input-group-btn">
                            <a class="btn btn-default" style="height: 33px;" href="#" onclick="$(this).parents('form').submit(); return false;">
                                <i class="glyphicon glyphicon-search"></i>
                            </a>
                        </div>
                    </div>
                </form>

                <div class="input-group hide">
                    <button class="btn btn-nobg" type="button"><i class="fa fa-search"> </i></button>
                </div>
                <!-- /input-group -->
                <!-- /input-group -->
            </div>

            <!--- this part will be hidden for mobile version -->
            <div class="nav navbar-nav navbar-right hidden-xs">
                <div class="dropdown  cartMenu static-search-box">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-shopping-cart"> </i>
                        <span class="cartRespons"> Cart (<span class="total-price">${{ c.price }}</span>) </span> <b class="caret"> </b>
                    </a>

                    <div class="dropdown-menu col-lg-4 col-xs-12 col-md-4" style="border-top: none; z-index: 3;">
                        <div class="w100 miniCartTable scroll-pane">
                            <table>
                                <tbody>
                                {% for i in c.items %}
                                <tr class="miniCartProduct">
                                    <td style="60%">
                                        <div class="miniCartDescription">
                                            <h4><a href="product-details-style4.html">{{ i.product.name }}</a></h4>
                                        </div>
                                    </td>
                                    <td style="30%" class="miniCartSubtotal text-right"><span class="item-price-{{ i.id }}">${{ i.totalPrice }}</span></td>
                                </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <!--/.miniCartTable-->

                        <div class="miniCartFooter text-right">
                            <h3 class="text-right subtotal m-b-lg"> Subtotal: ${{ c.price }} </h3>
                            <a class="btn btn-sm btn-danger" href="cart.php" target="_blank"> <i class="fa fa-shopping-cart" onclick="alert(asd)"> </i> VIEW CART </a>
                            <a class="btn btn-sm btn-primary" href="shipping.php" target="_blank"> CHECKOUT </a>
                        </div>
                        <!--/.miniCartFooter-->

                    </div>
                    <!--/.dropdown-menu-->
                </div>
                <!--/.cartMenu-->


            </div>
            <!--/.navbar-nav hidden-xs-->
        </div>
        <!--/.nav-collapse -->

    </div>
    <!--/.container -->
</div>
<!-- /.Fixed navbar  -->