Solved

Wordpress site won't load menu correctly

Posted on 2014-01-25
8
411 Views
Last Modified: 2014-01-28
We developed a website 18 months ago, and all of a sudden people are saying the menus don't look right.    Everything I check on multiple browsers and machines looks fine.  (See Pic 1).  

However, on some internal machines it looks like Pic 2 (only first menu is loading).  

Then they said on an external Mac machine it looks like Pic 3.  (last menu Contact Us isn't loading)

Why is it doing this???  

Here is the site.  www.7thwavelabs.com

Thanks!
Pic1.jpg
pic2.jpg
pic3.png
0
Comment
Question by:sharpapproach
  • 4
  • 4
8 Comments
 
LVL 25

Expert Comment

by:Zephyr ICT
ID: 39808928
Using a Mac and Chrome, I indeed see the issue mentioned or shown in pic3...

If I play around with following:

#header ul.menu {
clear: both;
float: left;
margin: 19px 0 0 4px;
height: 31px;
}

Open in new window


Which is in style.css:163

The menu shows up normally, the contact menu gets pushed under the main picture/slider, so something changed apparently ...
0
 

Author Comment

by:sharpapproach
ID: 39812822
It ended up being a padding issue.  Thanks for your advice though.
0
 

Author Comment

by:sharpapproach
ID: 39812834
Once we fixed the Padding, their internal machines don't load the menu.  The rollover is off by one.  I looked at it for over an hour, and can't find why.  

Pic1 is from the users machines.
Pic 2 is from my machine and others that work correctly.

I noticed that their tab also says "Waiting"
tara-screen.jpg
my-screen.jpg
0
MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

 
LVL 25

Accepted Solution

by:
Zephyr ICT earned 500 total points
ID: 39813106
I can't speak for the menu glitch yet, but for me the menu is still not fixed (Mac with Chrome), if I change following setting in the css I mentioned above;

margin: 19px 0 0 4px; to margin: 19px 0 0 1px;

Then I can see the full menu... So yes, it was padding ... But I still see the issue?
0
 

Author Comment

by:sharpapproach
ID: 39813116
If I change the left from 4px to 1px, then on IE it hangs out to the left.  Again, thanks for your help.  I am an Access programmer, not a web programmer. So, I am can't figure it out.
0
 
LVL 25

Expert Comment

by:Zephyr ICT
ID: 39813133
I wanted to mention that Firefox on Mac doesn't show this menu issue ... I'll see if something else sticks out.
0
 

Author Closing Comment

by:sharpapproach
ID: 39815076
Thanks spravtek.  Actually I changed the Padding on the buttons, which fixed it.  Which was like your suggestion, expect yours made the menu hang out to the left.  However, you guided me in the right direction!
0
 
LVL 25

Expert Comment

by:Zephyr ICT
ID: 39815679
Glad you found a solution!
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
PHP Sessions in WordPress 8 34
IIs Windows 2008 HTTPS no access 4 36
SlickNav Menu Plugin Not appearing on mobile 6 36
Alert after MVC form submitted 1 9
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

825 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