PHP on different pages

I'm having a problem with a menu.  Attached are the screen prints as well as the html code from the browser.  If you want I can attach the actual code.
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
We would need to see the code - on a working link so we have access to the CSS and JS for the site.
breeze351Author Commented:
I've did a compare on the ".css" files and they match.
They are attached
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Julian HansenCommented:
Sites are identical.

I am guessing you have a caching issue on the problem site. I do not see the problem shown in your screen shot on either of the links above.

Checked in FF, Chrome and IE - all work fine.
breeze351Author Commented:
You came up with the same thing I did as far as the code goes.  But why does the menu look different in the 2 screen shots that I posted?  You saw how on "" the menu buttons became 2 lines but on "" they didn't.  If it was a caching issue wouldn't they react the same way?
Julian HansenCommented:
But why does the menu look different in the 2 screen shots that I posted?
I am confused, the screen shots show an issue that is not being replicated when you go to the links - so if the links are working what is the issue?

In order to say why the menu does that I would need to see an instance where it is happening.
breeze351Author Commented:
It is not the links, they work.  Please look at the screen prints that I sent.  I'm sending them again.
At "" the buttons for "Space Survey", "Walk By Map", "Daily Activity" and "Data Entry" appear on 2 lines.
At "" these buttons for "Space Survey", "Walk By Map", "Daily Activity" and "Data Entry" appear on 1 line.

Attached are the screen prints.
LSI_Screen.doc  - Screen print from menu @ ""
Mrbreeze_Screen.doc = Screen print from menu @ ""
Julian HansenCommented:
It is not the links, they work
I was referring to the links you posted
Both of these render the same - no double menu

At "" the buttons for "Space Survey", "Walk By Map", "Daily Activity" and "Data Entry" appear on 2 lines.
Yes, I understood what you are saying but you have been unable to provide us with a working link that demonstrates the problem. All the screen shots show is the problem - but gives us no idea what is causing it because we don't have access to the underlying code. It is like showing us a picture of your car and asking us why it won't go.

The links you provide show the menu working perfectly - in order to diagnose what is happening I need to see a link that shows me the problem - not a screenshot.
NerdsOfTechTechnology ScientistCommented:
First, I recommend using   (non breaking space) for any spaces in navigation buttons; this will prevent the text from breaking into different rows when the page resizes down.

 <li class="active"><a href="index.php">Home</a></li>
 <li><a href="Exclusives.php">Exclusives</a></li>
 <li><a href="Address_Search.php">Address</a></li>
 <li><a href="Space_Survey.php">Space&nbsp;Survey</a></li>   
 <li><a href="Walk_By_Map.php">Walk&nbsp;By&nbsp;Map</a></li> 
 <li><a href="Daily_Activity.php">Daily&nbsp;Activity</a></li> 
 <li class="has-sub"><a href="#">Data&nbsp;Entry</a>
  <li><a href="Building_Add.php">Buildings</a></li>
  <li><a href="Company_Add.php">Companies</a></li>
  <li><a href="Contact_Add.php">Contacts</a></li>
  <li><a href="Image_Add.php">Images</a></li>
  <li><a href="User_Display.php">Users</a></li>           
 <li><a href="Logoff.php">Logout</a></li>

Open in new window

Next, check your zoom settings, it looks as if the zoom on one screenshot is set at a higher percentage zoom (you can see a slightly larger font, button size, etc.). Try resetting your browser's zoom to 100% by pressing Ctrl-0 (control-zero) or Option-0 (for macs)
Julian HansenCommented:
I think I see what the problem is here - the menu doubles up when screen size drops below a certain level.
You can do as NoT recommends above but all that will do is cause your text to overflow the button because there is only a certain amount of screen real estate at any given resolution.

Your solution here is to use a responsive menu - in other words have it change to a hamburger menu below a certain resolution.

If you were using a responsive framework this would be a case of just adding some markup and letting the framework do the rest.

In your case you would need to manually create the components.

Before suggesting a solution though can you confirm that this problem only happens when on a screen 1024px or less? Do you still see the same result on larger displays?

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
NerdsOfTechTechnology ScientistCommented:
Responsive menu would be best. To solve resize breaks, OP should replace space characters with &nbsp; in button text (Assisted Solution)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.