arslan91

I watch all videos, it really cleared most of my confusion.

Now i need to learn all these first.

Thank you imran.

@imran:

You mean i can use node.js on my theme using XAMPP which i am using for test purposes ???

Let me check both these resources.

May i minify html (php version) ?

@sterndata:

1. This is the link of my site
2. Secondly i am using WP Super cache

@imran:

I am exactly using this sequence but not minified version of custom stylesheet. Pl suggest how to minify my css file.

Other problem is, I am using Bluehost shared hosting and they don’t allow me using “Node.js”, not even “mod_pagespeed by google”.

Thanks and marked as Resolved … ??

Its now fine.

Thanks you ….

@oopixijany

yeah it works. it is now overlapping the body content, its fine but good if it drag the body content down. is there any way.

oopixjane,

i made these changes but there are some issues

1.it changes the color of whole <nav>

2. It overlap the brand logo

3. In Mobile view, it works fine but. when i toggle, dropdown menu appear with scrol bar. all options are not appearing at once.

yeah you are right there was no menu. but now i added some pages. Still the same result.

Below is my code.

<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="row nav-row">
				<!-- Brand and toggle get grouped for better mobile display -->
				<header>
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						</button>

				    	<a class="navbar-brand" href="<?php echo home_url(); ?>">
				        	<img alt="Brand" src="<?php bloginfo('template_url'); ?>/howtotalks.png">
				    	</a>
				    </div>
				</header>

			    <!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="navbar-collapse-1">
					<?php
			            $args = array(
			                'theme_location'    => 'primary',
			                'depth'             => 2,
			                'container'         => '',
			                'menu_class'        => 'nav navbar-nav navbar-right',
			                'walker' 			=> new wp_bootstrap_navwalker()
			            );
			        ?>
			        <?php wp_nav_menu($args); ?>

				</div><!--navbar-collapse -->
			</div>
		</div><!-- container -->
	</nav>