Need some help with CSS - GoFuckYourself.com

RazorSharpe · 05-03-2016, 02:20 PM

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

PornWorx · 05-03-2016, 02:32 PM

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

Colmike9 · 05-03-2016, 02:42 PM

Quote:

Originally Posted by PornWorx

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.

Colmike9 · 05-03-2016, 03:38 PM

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

RazorSharpe · 05-03-2016, 03:40 PM

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.

teg0 · 05-03-2016, 04:43 PM

Code:

.dropdown-menu {z-index: 300; !important;}

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.

RazorSharpe · 05-03-2016, 11:07 PM

Quote:

Originally Posted by teg0

Code:

.dropdown-menu {z-index: 300; !important;}

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.

Sid70 · 05-03-2016, 11:42 PM

Fiverr.

I had some good experience lately.

Gupta workers delivered some work fairly well.

Colmike9 · 05-04-2016, 12:22 AM

Quote:

Originally Posted by RazorSharpe

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.

It works for me now.

RazorSharpe · 05-04-2016, 12:53 AM

Quote:

Originally Posted by Colmike7

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.

05-03-2016, 02:20 PM	#1
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	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

05-03-2016, 03:38 PM	#4
Colmike9 (>^_^)b Industry Role: Join Date: Dec 2011 Posts: 7,224	Maybe try going to bootstrap.min.js and changing all of the "ontouchstart"s to "disable-ontouchstart" __________________ Join the BEST cam affiliate program on the internet! I've referred over $1.7mil in spending this past year, you should join in. I make a lot more money in the medical field in a lab now, fuck you guys. Don't ask me to come back, but do join Chaturbate in my sig, it still makes bank without me touching shit for years..

05-03-2016, 03:40 PM	#5
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	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. __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

05-03-2016, 04:43 PM	#6
teg0 Confirmed User Join Date: Jan 2006 Location: Gringo in Puerto Rico Posts: 4,197	Code: .dropdown-menu {z-index: 300; !important;} 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. __________________ OV Tube - Tube Script Software

05-03-2016, 11:42 PM	#8
Sid70 Downshifter Industry Role: Join Date: Dec 2002 Location: Road trip Posts: 16,413	Fiverr. I had some good experience lately. Gupta workers delivered some work fairly well. __________________ Русня, идите нахуй!

05-03-2016, 02:32 PM	#2
PornWorx Confirmed User Industry Role: Join Date: Apr 2015 Posts: 235	Post the info/code here for us and I am sure we can figure it out as a group effort for free.