Folder Navigation Links do not expand on Home Page

Hi all

Here's our site: https://www.atlgoc.org/

On the home page, when the top-level navigation collapses to the hamburger menu, we cannot open sub-pages. For example, clicking "Our Faith" should expand the pages beneath it. 

When we try this on the home page, the folder does not open

When we try this on any other page, the folder opens.

Does anyone have any ideas? Thank you in advance!

Do you use any custom code on Code Injection? You try disable it and check again.

Yes, there is custom code.

I commented it out on the homepage and at the site level, but it did not resolve the issue.

There are no console errors

Just to double check please see the following.

Let us know how it goes.

6 hours ago, koulouty said:

Yes, there is custom code.

I commented it out on the homepage and at the site level, but it did not resolve the issue.

There are no console errors

You can try this to Website Tools (under Not Linked) > Custom CSS

#sidecarNav .hidden {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 999999999;
    width: 100%;
    height: 30px;
}

18 hours ago, creedon said:

Just to double check please see the following.

Let us know how it goes.

The issue still appears in safe mode: home page nav does not expand, whereas interior page navigation expands. 

12 hours ago, tuanphan said:

You can try this to Website Tools (under Not Linked) > Custom CSS

#sidecarNav .hidden {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 999999999;
    width: 100%;
    height: 30px;
}

 

I love your solution. I would target the hidden input specifically by changing the selector to target the `input` element and I would also add `cursor:pointer` You could optionally target only the homepage by adding `.homepage` before `#sidecarNav`

#sidecarNav input.hidden {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 999999999;
    width: 100%;
    height: 30px;
    cursor: pointer;
}

I will use this temporarily, but I still strongly believe that this is an issue with Squarespace's js. Furthermore, I noticed that the issue resolves itself by rotating a mobile device from portrait to landscape (or resizing a few times in a desktop browser) This further shows me that it's an issue with their base js. How can we tag them or bring this to their attention?

Quote

I will use this temporarily, but I still strongly believe that this is an issue with Squarespace's js.

I'm thinking bug as well.