Learn how to add a hamburger menu to your current website project in this short Wix Editor X tutorial. If you would like to receive more exclusive Wix content such as resources, trainings, and courses then make sure to join this mailing list: https://mailchi.mp/5e9b7bca4253/join-the-club
Table of Contents:
00:23 Show/Hide navigation in breakpoints
00:50 Adding a hamburger menu element to your page
03:25 Previewing our new hamburger menu’s responsiveness
04:12 Adjusting menu’s responsiveness for different breakpoints
______________________________________
______________________________________
► MY TOOLS
Hardware
• 2019 16” MacBook Pro: https://amzn.to/3cXNfQK
• 2019 iPad 10.2”: https://amzn.to/2TvygFX
• Apple Pencil (1st Gen): https://amzn.to/2Zte4sj
• Dell 27” 4k Monitor: https://amzn.to/3bVSsXZ
• Magic Mouse 2: https://amzn.to/3bVSuz5
• Magic Keyboard: https://amzn.to/2LT61x2
Software
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
• Webflow (Amazing no-code website builder): https://webflow.com/
• Wix: https://wixstats.com/?a=38934&c=124&s1=
• Flaticon (Free graphics and icons): https://www.flaticon.com/
• Freepik (Free graphics and icons): https://www.freepik.com/
• Vecteezy (Free graphics and icons): https://www.vecteezy.com/
• Unsplash (Free high-quality lifestyle photography): http://unsplash.com/
★ ★ ★ BUDGET STARTER PACKAGE ★ ★ ★
• MacBook Pro 13inch: https://amzn.to/3euloIj
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
► EXTRA:
• iPad 10.2: https://amzn.to/2zH8jN6
• Apple Pencil: https://amzn.to/3chhUY6
• (Not Needed, but great for wireframes, notes, and testing site responsiveness)
______________________________________
______________________________________
► ABOUT:
I am a designer and marketer, who has a passion for web design. I like to help others by sharing my processes, tips and tricks, and the best software and tools to use for web design.
► SUPPORT THE CHANNEL:
Ko-Fi: https://ko-fi.com/richvargas
► CONNECT WITH ME:
Twitter: https://twitter.com/imrichvargas
Instagram: https://www.instagram.com/richvargasd…
Facebook: https://www.facebook.com/richvargasde…
LinkedIn: https://www.linkedin.com/in/richvargas/
______________________________________
______________________________________