JAMasthead disabling main navigation on pages where it's assigned

toddjharrison73

Hello,

I'm having a problem where JAMasthead seems to be disabling the main navigation across the top of the pages where it's assigned. Please see:

https://cloud-planet.uk/solutions

The navigation appears to work again once the page is scrolled down a bit. But before that, the nav, the logo and the header button are all inoperable.

Please note: The site is currently offline as it's in the development stage, so you'll need to log in first to view.

cssyeah

Hi @toddjharrison73,
I went to the link you sent but I don't see the JA Masthead module and the menus still work normally.
Kind regards,

toddjharrison73

Hmm, that's really weird. I'm not sure what's going on.

The JAMasthead is definitely 'supposed' to be on that page, but I see that it's now not there.

It is however showing up on this page:

https://cloud-planet.uk/home/our-ethos

So there appears to be a couple issues with JAMasthead now. It's disabling the top nav on some pages and completely absent on other pages where it was previously displaying, albeit with a non-working nav until the page has been scrolled down.

toddjharrison73

Ok, it looks like it's the z-index of JAMasthead that's causing the issue. I was wondering about that. Changing the following seems to fix that particular problem:

/* FIX JAMASTHEAD DISABLING MAIN NAV */ .ja-masthead .ja-masthead-detail { z-index: 0; }

Can you let me know if this will cause any other problems?

Also, JAMasthead is still acting weird (as in, not showing up) on pages where it's explicitly called in the module settings (as per the above screenshots).

Any ideas?

cssyeah

Hi @toddjharrison73,

I changed the CSS customization to fix JA Masthead disable main menu as follows:
```
#t4-masthead { z-index: 5; }
```
The main reason the JA Masthead module does not appear on the Manged Solutions menu is that this menu is using the JA Vega - Services template style, and this layout does not include a Masthead section. I have added the section to the layout, and it now displays exactly as you expected.

Kind regards,

toddjharrison73

That is brilliant, again, thank you very much for your help! It is very much appreciated.