Bootstrap Navigation Menu not staying open at smaller screensize

[ani7ruddha]

http://getmobishop.com/

My navigation gets hidden as a button in smaller screen and then on clicking the button I cant view the menus.. What shall I do??

[Paulie_D]

Whatever is firing the animation isn’t staying open.

How are you doing the animation?

[Justin_G]

media=”all”
responsive.css:24@media (max-width: 767px)

in your CSS file dictates that styles for the navigation change when viewing on different resolutions. If you dont want your navigation to change, find the CSS style associated with the navigation within those ‘media queries’ and change accordingly.

If your issue is just that the nav menu doesn’t pop open when you click it, I notice double clicking keeps it open..could be a jump off point to fixing it

[Paulie_D]

@Justin_G

The media queries are working fine (it looks like Twitter Bootstrap) but if you click the menu button at smaller screen sizes the menu opens but immediately closes again.

This feels like a JS issue.

[ani7ruddha]

“The media queries are working fine (it looks like Twitter Bootstrap) but if you click the menu button at smaller screen sizes the menu opens but immediately closes again.

This feels like a JS issue.”

@Paulie_D: You exactly go it.. I dont know what is the issue Yes its Twitter Bootstrap and its fine here http://metainfos.com/argo/slide

Just added the new slider to the new link

[ani7ruddha]

Can someone look into?

[Paulie_D]

>Can someone look into?

Can you be patient?

[NghiQuach]

my guess is that it is in one of these files.

You basically have 3 bootstrap css files instead of 1 I don’t know why.

[ani7ruddha]

Solved a couple JS were clashing :)
fixed them

[Rajinder S. GIll]

is your website in magento bcoz i have same issue in magento?

[Rajinder S. GIll]

@ani7ruddha – can you pls let me know how you fixed that?

[ani7ruddha]

it was html and two Js files were clashing I removed them and fixed up

[Rajinder S. GIll]

which > JS files ?

[Author]

Posts