Jump to content

Full page menu overlay on mobile - Avenue Templte 7.0

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

It's not likely to be possible with your template, it's designed to push down your content rather than overlay, that said try this "solution", add to custom CSS (not completely sure this will work!):

@media only screen and (max-width: 750px) {
  .menu-open {
    height:94vh;
  }
  #mobileNav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

Let me know if that works.

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment
4 hours ago, Ziggy said:

It's not likely to be possible with your template, it's designed to push down your content rather than overlay, that said try this "solution", add to custom CSS (not completely sure this will work!):

@media only screen and (max-width: 750px) {
  .menu-open {
    height:94vh;
  }
  #mobileNav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

Let me know if that works.

Didn't work, but thank you for trying.

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.