Jump to content

Does anyone know how to replicate this menu style?

Recommended Posts

Posted

Hi all, just wondering if anyone knows how to replicate this style of slide in menu from a hamburger menu? I love the effect of how it slides in with two sections, from top/bottom. I am having no success replicating it! Any help will be much appreciated. Even if there is a plugin that I have overlooked? 

https://www.bigcatcreative.com/

The site I'd like to replicate it on is https://wildwood-farm.squarespace.com/ password: seed

Thanks! 

Screenshot 2024-06-23 at 1.56.05 PM.png

  • Replies 1
  • Views 904
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@kimmanunui Hi! The example you mentioned is completely custom coded. It doesn't use the actual navigation menu items from the header navigation but rather three different sections with custom code added to place those sections inside the header. Editing or updating it in the future would require a decent knowledge of CSS and JavaScript.

However, I can create a simpler version of a similar-looking menu with custom code that you'll be able to edit without knowing CSS and JavaScript. The version I'm considering will have either a top or bottom sliding effect, not both. Everything else will look the same once you click the hamburger menu. If you're interested in exploring this option, let me know. Thank you!

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.