mobile view menu doesn't work

Hello

I have a forced hamburger menu. The code stopped working today - the menu shows, but the pages are not clickable. I contacted SS and they said they did an update and something in my CSS isn't working. 

It works except for formatting the text and the hover - but I can't figure out what they did. 

HELP! It's our 75th anniversary this week and I need it fixed! 

password is: Bassetti47!

11 hours ago, deaton72 said:

I have a forced hamburger menu. The code stopped working today - the menu shows, but the pages are not clickable.

Start by removing this Custom CSS:

line-height: 0px !important;

@paul2009

No luck. It looks like the .header-menu-nav-item a  doesn't reference the menu items anymore - I tried .header-nav-item, but no luck either.

If I change the text color for example, nothing happens. 

1 hour ago, deaton72 said:

No luck

When I remove that line of your CSS, it works fine for me:

23 hours ago, deaton72 said:

Site URL: http://bassettiarch.com

Hello

 

I have a forced hamburger menu. The code stopped working today - the menu shows, but the pages are not clickable. I contacted SS and they said they did an update and something in my CSS isn't working. 

It works except for formatting the text and the hover - but I can't figure out what they did. 

HELP! It's our 75th anniversary this week and I need it fixed! 

 

password is: Bassetti47!

The same thing happened to me today!  

On 6/8/2022 at 5:20 AM, MSD said:

The same thing happened to me today!  

It looks like you solved this?

On 6/11/2022 at 2:53 AM, tuanphan said:

It looks like you solved this?

On 6/11/2022 at 2:53 AM, tuanphan said:

It looks like you solved this?

I removed part of the code which caused it to be clickable again.  Unfortunately, it caused my menu to spread out far enough that you have to scroll to view all of it.  Still trying to find code to get it to condense a bit so it shows up all on one page.  

Site URL: https://www.chicagoawakening.church

The website looks fine on computer but when I connect on my phone, the mobile view menu bar (Three lines on the upper right corner) doesn't work. 

Can someone please take a look and help??!

What do you mean by does work? It does seem to work in my testing, but the problem I can see is that the background colour is white and the navigation link colour is white, you can adjust these settings in the Design Style editor.

Hi Ziggy,

Thanks for the reply. You were right! The text was set to white so they didn't show up on white background. However, I was trying to change the Them color so the background would have some color and I can still keep the text white, it still doesn't change as I set from the them color palette.

Now it shows dark navy text on white background (which is better than before) but I still have a fade trace of shadow of logo (because the logo is white).

Maybe I have something in my CSS that won't let me make the change?

Could you please take a look at the page?

On 10/5/2022 at 11:24 PM, ChicagoAwakeningChurch said:

Hi Ziggy,

Thanks for the reply. You were right! The text was set to white so they didn't show up on white background. However, I was trying to change the Them color so the background would have some color and I can still keep the text white, it still doesn't change as I set from the them color palette.

Now it shows dark navy text on white background (which is better than before) but I still have a fade trace of shadow of logo (because the logo is white).

Maybe I have something in my CSS that won't let me make the change?

Could you please take a look at the page?

To change burger overlay color, add this to Design > Custom CSS

.header-menu-bg.theme-bg--primary {
    background-color: #42617a !important;
}
nav.header-menu-nav-list * {
    color: white !important;
    border-color: white !important;
}
body.header--menu-open .burger-inner>div {
    background-color: white !important;
}

Hi. I'm having the same issue currently. The hamburger menu works and is clickable on mobile, however it's not clickable on desktop. I contacted Squarespace support, and they said they made some updates which are affecting CSS. Can someone assist me with this?

1 minute ago, Ina3 said:

I contacted Squarespace support, and they said they made some updates which are affecting CSS. Can someone assist me with this?

We may not be able to overcome the issue.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

3 hours ago, creedon said:

We may not be able to overcome the issue.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

Thanks for your response. Here is the home URL: https://www.externalaffairs.ca/

I read the site-wide password documentation. However, our site is currently public so is there a way for us to move forward without password protecting the entire site?

2 hours ago, Ina3 said:

However, our site is currently public so is there a way for us to move forward without password protecting the entire site?

You only need to deal with the site-wide password if your site IS NOT public.

6 hours ago, Ina3 said:

Hi. I'm having the same issue currently. The hamburger menu works and is clickable on mobile, however it's not clickable on desktop.

Here's the deal. The mobile works because mobile is using SS built-in burger menu.

You have installed better burger which is custom 3rd party code to create a burger menu on Desktop. This code is throwing errors perhaps because SS made changes to their CSS. But SS is not responsible for maintaining custom code.

Have you contacted the better burger code author to see if they have an update for their code?

On 9/30/2023 at 10:57 AM, jjhjjh said:

burger menu no longer being clickable on mobile

I am unable to reproduce your issue. I was able to click on the mobile menu. It opened and closed normally.

I have the same problem, but only in Chrome.
Can someone help? Support doesnt...lol
https://www.eventing.pt/

Tks in advance!

I have the same problem, but only in Chrome.
Can someone help? Support doesnt...lol
https://www.eventing.pt/

Tks in advance!