top of page
Filter by Category

9:01

22643

Pixel & Bracket

How to Add Navigation Menu on Wix

How to Add a Navigation Menu on Wix


Hey there, fellow web designer! Today, we're diving into the delightful world of Wix, where adding a navigation menu to your website is as easy as pie. Whether you’re fresh off the bus to the world of web design or you’ve been in the game for a while, there’s always something new to learn—especially when it comes to making your site both stunning and user-friendly.


Let’s talk about that empty space in your header, shall we? You know, the one that’s just begging for a sleek, trendy navigation menu. Well, you’re in luck because I’m going to walk you through it step by step. So, grab your favorite beverage, get comfy, and let’s jump into creating a navigation menu that’s gonna rock your Wix site!


Getting Started: Adding Your Navigation Menu


First things first, you need to click on your header area. Why? So that when you add a new element, it knows to show up right there—ready for action! Next, head over to the plus icon (aka, add elements) and start your treasure hunt for menu and anchor. Here, you’ll find a buffet of options like themed menus, horizontal menus, and vertical menus. It’s like a shopping spree, right?


For today’s adventure, let’s go with a horizontal menu. Trust me, it’s a classic; it’ll never go out of style. Click on your favorite design, and boom! It's in your header, ready to show off to the world. You can tweak it to your heart’s content, moving it up, down, or side to side like it’s on a dance floor. Look for that fancy pink line—it’s the smart guide telling you, "Congrats, your menu is perfectly centered!"


Manage Your Menu Magic


Now that you’ve got your menu, it’s time to manage it. Click on manage menu, and behold—up pops your pages and menu options on the left-hand side. It’s like mission control, right? Here, you can play around, hiding or showing pages and dragging them under each other to create sub-menus. You want FAQ under About Us? Done. You’re the boss, after all.


Don’t forget—you can also reorder pages. Maybe you want Contact after About Us. It’s just a click and drag away.


Navigate Your Way Around


Handle your navigation like a pro by clicking the navigate option. Need to spruce up a certain page? Just click, and off you go to make your design dreams come true! It’s your fast-pass ticket to editing bliss.


The Nitty-Gritty: Advanced Settings and Layout


Now, for those of you who love getting into the weeds, there’s the advanced settings. Click on the little gear icon if you’re feeling brave! But let’s keep it chill for now and focus on basic settings.


Under layout, decide whether your menu will wrap or scroll. Think of it like a cozy winter wrap or a cool scroll. Adjust spacing, alignment, padding, you name it. Want your menu to be right-aligned with a logo on the left? Easy peasy. If the details are your thing, go wild!


Making It Look Good: Customizing the Design


Next up is the design tab—the place where all the magic happens. If you’re like me and fan of playing around with endless options, you’ll love it here. Change the theme of your menu at the click of a button and watch your vision come to life.


From the menu container to submenu items, you can adjust backgrounds, borders, or even add a shadow for that extra jazz. It’s all about making your menu reflect your style. And don’t forget about those menu states: regular, hover, and active. It’s like an outfit change for your menu—dress it up any way you want!


Preview and Perfect


Before calling it a day, hit the preview button. This is your time to shine. Does everything look right? Do the hover effects bring a smile to your face? Perfection is key. Tweak until it’s exactly what you envisioned.


Now it’s your turn to take these tips and go craft an amazing navigation menu for your Wix website. And when you’re done here, why not take your skills even further?


---


At NewForm, we’re all about honing your design skills, helping you find opportunities in the marketplace, and connecting you with industry leaders. We offer monthly web design challenges with cash prizes, weekly skill-building events, and exclusive monthly guest sessions featuring top professionals in web design. Here, you get to learn directly from the best, access invaluable resources, and build cool things online.


Are you ready to take your skills to new heights and join a community of like-minded creatives? Now’s the perfect time! So after you’ve crafted that killer navigation menu on Wix, head on over to NewForm and discover more amazing opportunities. Happy designing, folks!

bottom of page