Jump to content

Mobile navigation has disappeared on mobile

Go to solution Solved by paul2009,

Recommended Posts

I've been searching the forums but can't find a fix.

My mobile menu has been working fine for months, but I recently noticed it was gone. Works fine on my laptop. Most answers here have to do with custom CSS, but I'm not using any. Any ideas? I have a big sale going on and this is a huge problem.

Many thanks for any help you can give me. Linda

Edited by LindaRRR
forgot URL
Link to comment
  • Solution
19 hours ago, designerwright said:

My hamburger nav not working on mobile suddenly

This appears to be an ongoing technical fault ("bug") with sites built using an Aviator family template on Squarespace 7.0. Please contact Squarespace Customer Care to report the missing mobile navigation.

As a temporary workaround (to be removed later when bug has been fixed) you may want to try adding the following to Design > Custom CSS:

@media only screen and (max-width: 640px) {
  #mobile-navigation {
   display: block !important;
  }
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

This is happening to the site I manage as well. Any less than 641 px wide the navigation disappears and the "hamburger" menu that used to appear above our logo on mobile no longer appears either. Was working fine on Friday, I'm just noticing it now. 

Also on Aviator 7.0.

www.tracebloomfield.com 

Link to comment

Hi 

My brothers' customers let him know that the mobile menu had disappeared from his website. I assume this relates to an update or some sort as this was working OOB until now. 

I know enough found CSS to be dangerous and just add this in to get it working for the mobile. This makes the desktop messy but at least mobile users can make bookings. 

Wondered if anyone had way to fix this?

Thanks

James

#mobile-navigation {
     display: block !important;
}

Link to comment
4 minutes ago, designerwright said:

can anyone help

Please see my updated answer.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
Just now, designerwright said:

not sure what to do?

Did you see the workaround I provided?

If you are not sure how to use CSS, see https://support.squarespace.com/hc/en-us/articles/206545567

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

This bug has now been fixed. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.