Solved

Wordpress site won't load menu correctly

Posted on 2014-01-25
8
426 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
WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

 
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

630 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