Need some help with CSS
 

Hi,

Have a site that is using a custom instance of bootstrap. I'm having a very annoying issue with a dropdown menu. Basically no elements within the menu are clickable on tablets and mobile devices.

If you're willing and able, please PM me your details and we can discuss price for getting this fixed.

Thanks

Post the info/code here for us and I am sure we can figure it out as a group effort for free.

Yeah, I'm curious and want to fix it. I'm guessing z-index or some element over it that's too big or something like that. :upsidedow

Maybe try going to bootstrap.min.js and changing all of the "ontouchstart"s to "disable-ontouchstart" :upsidedow

Okay, I'll post the dummy version of the site instead of the live version simply because you will need to log into the live version:

PV

Note that the issue only presents itself on mobile and tablet devices. Using Chrome's emulator does not show the issue. Browserstack was also less than helpful.

I have pointed out in the below image where the problem dropdown menus are:
http://i.imgur.com/wlrucXj.png

Have at it lads. In the mean time, if anyone has a solution but prefers to be paid for it, please pm me.

I was able to see how it wasn't working on mobile. Tried the above in a mobile debugger and got it working. Just some weird z-index issue that you can fix with that adding that hax to your CSS. The default z-index for that class was 30. It might not need to be 300 to work.

Hi teg0, unfortunately changing z-index to 300 doesn't resolve the issue for me. You can see it updated in the original link.

Fiverr.

I had some good experience lately.

Gupta workers delivered some work fairly well.

It works for me now.

Colmike7, what device and browser are you using? It definitely doesn't work.

After some digging it turns out that this isn't a css issue ... looks more like a js issue.