Menu block is invisible and offset to left

  • Hi there,
    My site, https://www.fourjandals.com, is having an issue with the menu block. For some reason the menu is now offset to the left of the page and is invisible. When you hover over it then the buttons come up.
    I have deactivated all the plugins to see if it was one of them but nothing happened so reactivated them.
    I also changed the theme and deleted the Ribbons theme before reinstalling it again straight away. Did not fix it.
    Any help would be appreciated.
    Thanks
    Cole

Viewing 1 replies (of 1 total)

  • For the centering problem, your nav container doesn’t appear to have any styles associated with it:

    Do a search for .menu-pages-container in your style sheet to see if some stray character or something has invalidated the style rule.

    If not, you could try adding the following rule:

    .menu-pages-container {
  width: 940px;
  margin: 0 auto;
}

    That’s assuming you want the menu bar to be the same width as the content. If you don’t, then alter the width to suit.

    The disappearing menu items are the result of this rule:

    #primary-nav a {
  color: #FFFFFF;
  ...
}

    So you have white text on a white background.

    If you wanted the text of the menu items to be black, for instance, you could add a rule like this:

    #primary-nav a {
  color: #000;
}

    HTH

    PAE

Viewing 1 replies (of 1 total)
  • The topic ‘Menu block is invisible and offset to left’ is closed to new replies.