• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 453
  • Last Modified:

css mobile menu expands

I am working out of the css of bootstrap.

I'm having problems with the following page.

http://conutils.com/dist/rates/

It works on desktop. On mobile if you open the select and close it (it's not going to do anything if you select a value) it will expand the menu.

How do I prevent this?
0
burnedfaceless
Asked:
burnedfaceless
  • 5
  • 2
  • 2
1 Solution
 
GaryCommented:
Doesn't expand the menu when I open the select.
0
 
burnedfacelessAuthor Commented:
You have to close the select. On iPhone hit done, on droid hit the equivalent.
0
 
burnedfacelessAuthor Commented:
My reasoning is if I echo the menu it will work. Don't want to use JavaScript in case they have it disabled.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
GaryCommented:
Echo what menu?
Can you take a screenshot of the problem indicating what is wrong because I am not seeing it.
0
 
burnedfacelessAuthor Commented:
0
 
Ray PaseurCommented:
I don't usually follow this Zone, but I am willing to share a thought about JavaScript.  The page loads Bootstrap and jQuery (twice, apparently in error), so if you're concerned that you "don't want to use JavaScript" things are going off the rails.  These are JavaScript libraries.  As a practical matter, designing for clients that do not use JavaScript is a fools errand.  You cannot have a satisfactory experience with Google, Facebook, Twitter and a host of other popular web sites without JavaScript, so I would not waste time on these edge cases.  Just give them a phone number to call with questions.  If you keep statistics on this, you will probably find that less than one percent of your human clients have JavaScript turned off.

In PHP you can detect the browser via HTTP_USER_AGENT.  You might be able to tailor the client experience by examining that field and determining what HTML, CSS and JavaScript to use when building the web page.  Run phpinfo() and look in the environmental variables near the bottom to see the sort of information you can get.
0
 
burnedfacelessAuthor Commented:
Ray - please elaborate on how Bootstart and JQuery are loaded twice,  can list the code for me.

Thanks for your help,
Brian
0
 
Ray PaseurCommented:
Brian, I posted it in the other question about the menu.  Look at the top of the "view source" for that page, around lines 10-12 (not sure exactly, but that's close).  Then look at the bottom, and you'll see the JavaScript libraries begin loaded again.  Not sure what you want for Bootstrap, but for jQuery you can always find the latest minified version here:
http://code.jquery.com/jquery-latest.min.js
0
 
burnedfacelessAuthor Commented:
Will make the change on my local host.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

  • 5
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now