How can I right align the Work/About/Resume section in the navbar while keeping my name on the left side in Webflow?

Published on
September 22, 2023

To right-align the "Work/About/Resume" section in the navbar while keeping your name on the left side in Webflow, you can follow these steps:

  1. Select the Navbar element: Locate and select the Navbar element in your Webflow project. You can find it in the Navigator panel or directly on the canvas.

  2. Set the Navbar element to a Flexbox: In the Style panel, go to the Display section and change the display option to Flex. This will enable you to control the alignment and positioning of the Navbar items.

  3. Right-align the "Work/About/Resume" section: In the Style panel, under the Flexbox properties, set the Justify option to Flex-end. This will push the "Work/About/Resume" section to the right side of the Navbar.

  4. Add a left margin to your name: Still in the Style panel, go to the Typography section and add a left margin to your name. This will create some space between your name and the right-aligned section.

  5. Adjust spacing if needed: You may need to tweak the spacing and alignment further to achieve your desired result. You can use the padding or margin properties to adjust the spacing between the Navbar items.

By following these steps, you can right-align the "Work/About/Resume" section in the navbar while keeping your name on the left side in Webflow.

Additional Questions:

  1. How do I left-align elements in the Webflow Navbar?
  2. Can I customize the layout of the Webflow Navbar?
  3. What are some other ways to create a custom navigation menu in Webflow?