Ask a Question ?
Design & Publish Websites Faster

Creating a Pill Style Background for Navigation Buttons

What You’ll Learn

This tutorial goes through how to apply a pill-shaped background container to your navigation menu buttons.

Steps

  1. Add the Navigation app wherever you’d like on the page.
  2. Adjust column widths and spacing as needed to give enough space for your navigation menu.
  3. Click into the style dot.
  4. Under the “Containers” option, set the corner radius to “50″.
  5. Select a background color, rollover color, and apply any other styles however you’d like.

You can always go into “Preview” mode to see how your changes are looking while hiding all of the editing tools.

Menu