Menu won't display

[ElizabethJones]

Hi,

I’m having issues with the header menu not displaying.

I’ve used this code that I found on another post so that the menu doesn’t display on our landing page:
.page-id-2 #main-navigation {
display: none;

I’d like the menu to appear on all other pages (header layout 4), but I can’t get it to display. If I set the Main Menu up (under Appearance > Menu) it displays below the header, and is sticky and transparent, so you can see text scrolling under it.

Can someone take a look and let me know what I’ve done wrong?

Thanks!
Elizabeth

P.S. I’ve created a SPB section as a makeshift nav bar as I needed to send the site to a colleague for review.

[David Martin – Support]

I do not fully understand you here. Your CSS hides the menu only one a certain page, the page with the body class of .page-id-2. Is that certainly your landing page?

Your main menu also has also has no locations set so it will not display anyway:

[ElizabethJones]

Hi David,

I disabled the menu because it was displaying improperly and I needed to send the site to a colleague.

I temporarily enabled it to take some screen shots of what I encountered.

In the attached:
QTS1 shows that the menu appears on the landing page when enabled (even with the script to tell it not to)
QTS4 shows that the landing page ID is 2
QTS3 shows the menu appearing in the wrong space – below the header instead of in it; and also shows that the menu is transparent.

I hope this helps clear up the issue.

Thanks!
Elizabeth

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Where are you adding the CSS?

It should be in Theme Options => Custom CSS.

It should look like this:

.page-id-2 #main-navigation {
    display: none;
}

[ElizabethJones]

I was adding it under Customizer. I don’t have the option to under Theme Options. You mentioned in another post that it looks like our web host is blocking some of our js – could this be the same thing? I’ve sent a ticket to them, so hopefully that gets sorted out quickly.

[David Martin – Support]

Yes, it needs to be in Theme Options => Custom CSS, not the customizer.

Thanks.