A little Trouble with design

Hi

I am making a wordpress responsive theme, but I am having trouble with making the menu responsive

Please make your browser window small sized like a phone and have a look www.entrytestclass.com/main21/

It seems that something is missing here, A PHP , CSS I don't know,

Please can someone help Regrads

 

I see you are using Bootstrap, which is a good thing. I am also new to bootstrap but I figured what you are missing
Edit your Open Menu button as this

<button class="dl-menu-btn" data-toggle="collapse" data-target="#dl-menu">Open Menu</button>

HTML:

Comment: This calls in the collapse function from the provided bootstrap javascript, which is used for collapsing responsive menus.

Then you need to wrap the menu items i.e <ul> in a div with an ID dl-menu

<div id="dl-menu">
<ul class="dl-menu">
...
...
...
</ul>
</div>

HTML:

Comment: If you noticed, we pass in data-target as #dl-menu in the toggle button, we can pass in a class too, i.e .dl-menu but I prefer a style-less ID

Also, the nav manu in your entrytestclass.com/beta works well, so adopt that styling.

My solution may not be to the point and will need some extra edits, I think you can do that yourself.
Hope that'll help.

Resources:

http://getbootstrap.com/components/#dropdowns-disabled

Code (markup):

 

try to check view source of other responsive themes.. here you can find some of the best responsive template for wordpress

 

responsive-template.net

 

Thanks for so nice I reply I think I need to add Bootstrap java scrip in here as well, I will try to look into a plug in which can do it

 

Please can you help me with adding Bootstrap script in theme and which one should I add?

 

add this to your head

<script src="js/bootstrap.min.js"></script>

Code (markup):

put the complete path or relative path to your bootstrap.min.js file in the src=" " attribute

 

OK Thanks I will

 

Urica got it man, and I was about to pay 50$ for fixing this only , Thank you so much for helping

Can You do me just one more favour , the menu you see here , http://www.entrytestclass.com/main21/ is just static and I need to edit html to change things in it

Is there any simple way of changing it into a dynamic menu


I know basics but I am not able to link same CSS to my dynamic menu , any help with this would be nice


Regards

 

didn't get your question buddy

 

I mean the Navigation in header , it can't be change from menus tab of wordpress

 

Still problems buddy When I press the button navigation disappears ?

Bootstrap is not working fine any help?

 

Can you Please explain what is happening here

data-toggle="collapse" data-target="#dl-menu"

So I can make appropriate changes (edits ) in it

 

data-toggle="collapse" calls a function coded in bootstrap.min.js and data-target="#dl-menu" sends in this ID so the code inside the javascript/jquery function can toggle the menu down (on click) and put it back to button again on click

You should go to bootstrap.js and see this function... then you might know exactly what it does