I published a site: http://www.thegrandhotelmaine.com and it works great in IE 8 and 9 but in Firefox and Chrome, the layout is the same but the navigation does not work. I am using the standard twentyeleven theme and I created a custom navigation bar through the standard set up. I am assuming that it is a CSS issues, but I have tried all of the fixes I could find online with no luck. Here is the section of CSS that effects this sections. Can any one help please, I am pulling my hair out with this one.
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.
Thanks, I have created the child theme for this site. As the site is live I can not cause any major design errors so I placed a copy of the unedited CSS sheet into the child theme.
It appears if the navigation bar goes to two rows, the top row will work but the second row does not. If the the navigation is only on one row (regardless of font size, spacing, font, color) it will not work.
No – don’t copy the parent’s CSS into the child. That’s not how child themes are supposed to work. The child’s stylesheet (and functions.php file, if necessary) should only contain the amendments/customisations.
If anyone else is having this issue, I found out it was a z-index problem. The second line the nav was showing up “under”. I added this:
in #access in style.css and it fixed my issue.
Thanks to those who reponded.
- The topic ‘Firefox/Chrome Navigation Issues’ is closed to new replies.