WordPress.org

Ready to get started?Download WordPress

Forums

Firefox/Chrome Navigation Issues (6 posts)

  1. langerent
    Member
    Posted 2 years ago #

    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.

    Thanks

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  3. langerent
    Member
    Posted 2 years ago #

    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.
    http://www.thegrandhotelmaine.com/wp-content/themes/twentyeleven-child/style.css
    http://www.thegrandhotelmaine.com/wp-content/themes/twentyeleven-child/style_new.css
    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.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  5. langerent
    Member
    Posted 2 years ago #

    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:
    position: relative;
    z-index: 9999999999999999999;

    in #access in style.css and it fixed my issue.

    Thanks to those who reponded.

  6. VirtualityStudio
    Member
    Posted 1 year ago #

    Thank you!!!!! I was having the same issue and this took care of it perfectly! ;)

Topic Closed

This topic has been closed to new replies.

About this Topic