New to the community? Start here

How do I get the menu bar (navigation) to show?

I download the “Product” theme. I CAN’T see the menu bar. How do I get it to show up?

Sun, 16 Jun 2013 19:41:04
  • Mike
    • New Recruit

    Hi @John

    Thanks for posting!

    The Product Theme creates a menu automatically based on your pages.

    You can create a custom menu though. Log in to your wp-admin then go to Appearance > Menus.

    Type a name under “Menu Name” then click the button to create the menu. Add pages to your menu using the box on the left, then at the top on the left choose your new menu in the drop down and click save.

    I’ve just done a google search and found a great guide here:

    http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus

    That should be all you need to do.

    Let me know if you have any more questions or struggle with the above.

    Cheers,

    Mike

  • John
    • Flash Drive

    Thanks Mike,

    I think I’m figuring that out. I’m a complete newbie (installed WP on Friday night, as it 1-1/2 days ago). When I saw that I could only use one menu, I guess I mistakenly went in the direction of using the automatic menu. I see that I had to add pages to get the menu to show. I thought I would see the menu, then add content and customize the menu items (like I said newbie) Will a custom menu allow me to change font size of menu items easier? Thanks again.

    John

  • Mike
    • New Recruit

    Hi @John

    Once items are added to the menu and you click save, they should show on the website.

    There is only one menu location for this theme, it is possible to add more, but any changes would be lost when you update the theme.

    You need to use CSS to customise the font size, it’s best to create a child theme, do a quick search on google and you will find lots of resources telling you how to create a child theme. Once you have you can add custom CSS to the stylesheet and it won’t be overwritten when you update.

    You need to add something like this:

    #page-navigation .sf-menu a {
    
font-size: 1.2em;
    
}

    Hope this helps.

    Cheers,

    Mike