5 lovely menus made in one afternoon with Menu Customizer (& 5 cups of tea)

5 lovely menus made in one afternoon with Menu Customizer (& 5 cups of tea) 2

You may know that in England we drink a LOT of tea. These menus were all created in one afternoon with our newest plugin Menu Customizer for WooThemes Canvas. The main thing I needed (other than Menu Customizer) was a tea break between each one to keep me going. So here they are… 5 menus powered by 5 cups of tea!

Each menu below has some of the options and settings I used to create them. We’d love to hear what you think in the comments below and also some sites with nice menus we can use for even more inspiration…

[box type=”tick”]You can buy Menu Customizer for WooThemes Canvas from our store. You can also watch the video tutorials on the product page to see how I created 3 more menus.[/box]

1. Charmed

Screenshot 2014-10-07 15.23.45

[box] Align menu right
Site title font: Capriola, #ffffff
Menu items font: Open Sans
Menu item background color: #a0bcd6
Menu item rounded corners: 20px
Menu item hover color: #ffffff
Current page navigation font color: ##dd9933
Menu item hover text color: #dd9933
Sub-menu background color: #a0bcd6
Sub-menu border color: #ffffff
Sub-menu border width: 3px
Sub-menu item rounded corners: 10px
Call to action font color: #000000
Call to action font weight: 700
Call to action menu item background color: #000000
[/box]

2. Pink Lady

Screenshot 2014-10-07 13.33.35
[box] Center logo over navigation
Align Menu Items: middle
Full width header color: #dda4a4
Site title font: Great Vibes
Menu items font: Arabutus Slab
Menu item hover color: #ddd9d9
NavBar top and bottom border color: #ddd9d9
NavBar top and bottom border width: 3px
Font Awesome icons: fa-heart
[/box]

3. Simple Jones

Screenshot 2014-10-07 14.31.14
[box] Center logo over navigation
Align Menu Items: middle
Site title font: Oswald, #666666
NavBar border top: #666666, size 1
NavBar border bottom: #666666, size 1
Menu items font: Special Elite
Menu item hover text color: #84abaf
Current page navigation font color: #84abaf
Menu item padding top/bottom: 10
Menu item padding left/right: 25
Sub-menu font color: #84abaf
Sub-menu border color: #666666, size 1
[/box]

4. LEGEND

Screenshot 2014-10-07 14.52.14
[box] Align menu right
Site title font: Sorts Mill Goudy, #44403b
Menu items font: Open Sans
Menu item font color: #44403b
Menu item hover text color: #dd9933
Current page navigation font color: #dd9933
Sub-menu background color: rgba(255, 255, 255, 0.5)
Sub-menu border color: #dbdbdb
Sub-menu border width: 2px
Sub-menu item border bottom: 1p #dbdbdb
Sub-menu item hover border bottom: 1p #dbdbdb
Call to action font: Open Sans
Call to action font color: #000000
Call to action font weight: 700
Call to action border color: #dd9933
Call to action top border: 2px
Call to action top border: 2px
Call to action left/right border: 2px
Call to action rounded corners: 3
[/box]

5. A Beautiful Mess

Screenshot 2014-10-07 13.58.44[box] Center logo over navigation
Align Menu Items: middle
Full width header color: #cde1df
Site title font: Pacifico
Menu items font: Open Sans
Menu item hover color: #eded17
Sub-menu background color: #44403b
Sub-menu border color (for arrow): #44403b
Sub-menu arrows: up arrrow, size 10
[/box]

17 thoughts on “5 lovely menus made in one afternoon with Menu Customizer (& 5 cups of tea)”

  1. Just about to order this plus a truck load of Pootle goodies.

    Hey guys, how about a proper slider as Woo Slider sucks.

    Also, a project plugin as woo’s sucks too!

  2. Hi
    I love the menu customiser – it does make the site look more professionally done.

    I can’t seem to get the arrow working on the menu item. I’ve asked for Arrow on the submenu but nothing.
    Also my sub menu will not centre under the menu item – it shows only to the left. I’ve tried going back to default and starting again, but doesn’t help
    Thanks

    1. Hi Trina, you may not be seeing the arrow because of color. The down arrow takes the color from the menu item background color and the up arrow takes it from the drop down menu border. Email support@pootlepress.com if you still have issues. Your purchase comes with full email support. Thanks! N

Leave a Comment

Your email address will not be published. Required fields are marked *