Menu Link Custom Spacing

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menus" > "Primary/Secondary Navigation menu"

In this area you can set a minimum height for your menu,  override the default spacing between menu items, vertically align your menu items and set custom spacing between the menu and the site edges.
wp39_menu_custom_spacing_options

1. Set minimum menu height

This setting gives you total control over the height of your menu.  Just keep in mind that any menu images or buttons that are taller then this setting, will override it.  Given the setting of 42px above, if you were to use a 50px tall image as one of your menu items, that would force the height of the menu to 50px.

2. Adjust spacing between menu items

In this area you can adjust how far apart the menu items appear. Enter whatever pixel amount you want. Please note that if you put a number that is too large, the menu items might flow onto a second line, which looks unprofessional.

3. Vertical Alignment

Choose a starting point for the alignment of your menu items.  The center option will display them dead center.  The top/bottom option can be further modified with the #5 setting.  This setting is particularly helpful if your menu has one or more large images as well as text.  If the image spans the entire height of the menu, then the vertical alignment will only affect the text items.   In the example below, the logo has set the height of the menu and the vertical alignment is set to center.wp39_menu_split_logo

4. Indenting your menu from the edge of your blog:

This option area will only be displayed if you have your menu area aligned left or right. These alignments will push your links all the way over to that edge of your blog. Here you can bump your links over from the edge by entering an exact pixel amount.

5. Vertical spacing from top or bottom of menu

This option area will only display if you have chosen the “top” or “bottom” alignment options from #3. It allows for infinite vertical adjustment using the top or bottom as your starting point.  In the example below, you see a “bottom” alignment with 20px of padding from the bottom.wp39_vertical_spacing_menu

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto 4" > "Customize" > "Menus" > "Primary/Secondary Navigation menu"

In this area you can override the default spacing between items in the horizontal navigation menu area. You can set the horizontal spacing between items, the vertical padding above and below menu items, and the spacing between the left and right edges of your blog and your menu area.

<

strong>Adjust spacing between menu items

In the first area you can adjust how far apart the menu items appear. Enter whatever pixel amount you want. Please note that if you put a number that is too large, the menu items might flow onto a second line, which looks unprofessional.

Indenting your menu from the edge of your blog:

The second option area will only be displayed if you have your menu area aligned left or right. These alignments will push your links all the way over to that edge of your blog. Here you can bump your links over from the edge by entering an exact pixel amount.

Adjust the padding above and below top level menu links

This third area allow you to create additional space above and below your top level menu links. This is one way to give more height to a nav menu.


This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Menu" > "General Appearance"

This option area lets you tweak the spacing of your menu items.

menu-option-link-spacing

Adjust spacing between menu items

In the first area you can adjust how far apart the menu items appear. Enter whatever pixel amount you want. Please note that if you put a number that is too large, the menu items might flow onto a second line, which looks unprofessional.

extra custom spacing between items marked in green

extra custom spacing between items marked in green

Indenting your menu from the edge of your blog:

The second option area will only be displayed if you have your menu area aligned left or right. These alignments will push your links all the way over to that edge of your blog. Here you can bump your links over from the edge by entering an exact pixel amount.

overall-menu-spacing-screenshot

This nav menu is aligned left, but has been spaced over from the edge

 

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us