Solved

Wordpress site won't load menu correctly

Posted on 2014-01-25
8
421 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Major Incident Management Communications

Major incidents and IT service outages cost companies millions. Often the solution to minimizing damage is automated communication. Find out more in our Major Incident Management Communications infographic.

 
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Node.js 11 80
certificate error on website only in internal network 24 103
How to build a web site 17 100
.CSS HTML Help 3 57
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

734 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