problem only happens on smartphone

Posted on 2013-12-14
Last Modified: 2014-01-23
Hi, I could use your help. On this page:

and maybe on this page too:

On a computer or laptop it looks fine, and works properly. But on the client's smartphone, he only sees the word Home (or Inicio on the Spanish side), the rest of the menu won't drop down. Can anyone see that, and tell me how to fix it? Thanks.
Question by:mel200

Expert Comment

ID: 39719132
I tried it on my iPhone 4S and it worked fine.

What phone does he have ?
LVL 18

Expert Comment

by:Steven Harris
ID: 39719239
Works on Galaxy S4.
LVL 38

Expert Comment

by:Tom Beck
ID: 39719322
Navigation menu does not drop down on the About page in Safari, both desktop version and mobile (iOS Simulator). All the other pages work correctly. Cannot see the problem though. Class "in" is supposed to be added to the .nav-collapse div when you click the Navigation button but it's not happening on the About page. Also checked on iPhone 5s.

@Naresh18, did you try clicking the About page's Navigation button on that 4s? Does the menu drop down?

Author Comment

ID: 39719443
Thanks, everyone, I really appreciate your help.

Author Comment

ID: 39723780
Hi- He has Samsung GalaxyS4.
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.


Accepted Solution

Alex Ene earned 500 total points
ID: 39801888
Your about.html page does not have bootstrap.min.js or any JS for that matter.
Also, it appears that if you use some sort of templating language, it has an error somewhere after the table on the about.html page.
Also your web fonts aren't working either.

Author Comment

ID: 39802876
Thanks very much, I'll look at that today.

Author Comment

ID: 39802918
Hi- when I view source on about.html, I see:

    <link href="scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

same as on other pages. However, after viewing that I did take the header information from contact.php and replaced the header info on about.html with that. Can you still see the issues?

Expert Comment

by:Alex Ene
ID: 39803041
I said Javascript, not CSS.
View source on the about.html page(s). Scroll all the way to the bottom of the HTML code. You will see the problem. If not, compare the page's source with a page that works. There are several script tags missing completely from the about page.

Author Comment

ID: 39803074
oops, thanks.

Author Closing Comment

ID: 39803769
Thanks very much!

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
This video teaches users how to migrate an existing Wordpress website to a new domain.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now