Navigation menu background

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

Here you can set a background color, and/or upload a background image that will be shown behind the top-level menu links in your horizontal navigation menu.

menu background appearance

This background images spans the entire width of the menu. See below.

menu background screenshot
Any color selected here will apply to the nav bar only, as the dropdown menu background color is adjusted separately. When applying a background image to this area, take note of a couple things:

  • The height of the nav bar is proportional to the size of your nav link font, and different browsers can display these dimensions slightly differently. If not tiling the image, size it slightly taller than the nav bar to accommodate for this variation.
  • Background images are bound by the dimensions of the element they are applied to. So, if you put a 1200 pixel by 1200 pixel background image into your 80 pixel by 980 pixel nav bar, the image will be cropped to 80 by 980.  For this reason it is often better to use a smaller repeating image which will adapt to changes in the menu height.

If using transparency in your menu background images, make sure to not set a menu background color or else the color will show where the transparency is.

If you find that the color of the menu background does not change when you set a new color, it is likely that the color is coming from an uploaded menu background image. A number of the add-on designs do this. To change the color, you can either edit and re-upload the corresponding .psd file from the “resource kit” for that design or delete the background image and set your desired color.



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" > "Menu background color & image"

Here you can set a background color, and/or upload a background image that will be shown behind the top-level menu links in your horizontal navigation menu.

p4 menu background appearance

This background image spans the entire width of the menu. See below.

menu background screenshot

Any color selected here will apply to the nav bar only, as the dropdown menu background color is adjusted separately. When applying a background image to this area, take note of a couple things:

  • The height of the nav bar is proportional to the size of your nav link font, and different browsers can display these dimensions slightly differently. If not tiling the image, size it slightly taller than the nav bar to accommodate for this variation.
  • Background images are bound by the dimensions of the element they are applied to. So, if you put a 1200 pixel by 1200 pixel background image into your 80 pixel by 980 pixel nav bar, the image will be cropped to 80 by 980.  For this reason it is often better to use a smaller repeating image which will adapt to changes in the menu height.

If using transparency in your menu background images, make sure to not set a menu background color or else the color will show where the transparency is.

If you find that the color of the menu background does not change when you set a new color, it is likely that the color is coming from an uploaded menu background image. A number of the add-on designs do this. To change the color, you can either edit and re-upload the corresponding .psd file from the “resource kit” for that design or delete the background image and set your desired color.


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

You can modify the background color of your navigation menu, or upload a background image to this area.

This option area effects the teal colored bar above

This option area effects the teal colored bar above

Any color selected here will apply to the nav bar only, as the dropdown menu background color is adjusted separately. When applying a background image to this area, take note of a couple things:

1) The height of the nav bar is proportional to the size of your nav link font, and different browsers can display these dimensions slightly differently. If not tiling the image, size it slightly taller than the nav bar to accommodate for this variation.

2) Background images are bound by the dimensions of the element they are applied to. So, if you put a 1200 pixel by 1200 pixel background image into your 80 pixel by 980 pixel nav bar, the image will be cropped to 80 by 980.

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