Adjust the top margin spacing for your main menu

This tutorial won’t take you through the setup of your menu because there is another TUTORIAL for that. However, what this tutorial will help you with is to adjust the top margin spacing of your main menu. Why would you need this? It depends on the header style you choose, but the idea is to give you the flexibility to adjust the menu positioning by adding/reducing the top space of your menu container.

  1. Go to Appearance >> Customize >> Site Options
  2. Look for the “Main Menu Top Margin” setting and add in the number of pixels you want to increase or decrease the space. The default is 0 pixels, so if you want to push the menu downward by 20 pixels, you would enter in 20 into the main menu top margin setting or use the arrows on the right side of the field when you click inside (they will show).
    menu top margin setting
  3. Click “Save & Publish