Dropdown menu in wordpress not working in mobile device

One of the main issue for integrating bootstrap js to WordPress is the conflicting of menu bar with bootstrap css.To avoid this you can do any of below steps .Actually .hide{display:none!important} in bootstrap css file automatically hiding menu in WordPress .But in mobile device WordPress nav css trying to display that menu ,but this css over hidding again .

To avoid this

  1.  Remove

 

.hide{display:none!important}  from bootstrap.min.css

0r

Add below style in the page (for mobile device only)

.nav-wrapper .hide {
 display: block !important;

5 thoughts on “Dropdown menu in wordpress not working in mobile device”

  1. Excuse, that I can not participate now in discussion – there is no free time. But I will be released – I will necessarily write that I think on this question.

  2. Hi there colleagues, you are sharing your view on the topic of weblog Search engine optimisation, I am also new user of web, thus I am also getting more from it. Thanks to everything.

Leave a Reply

Your email address will not be published. Required fields are marked *