WordPress 3.6 Footer Menu

  • Resolved Bperth

    (@bperth)


    11 years, 2 months ago

    WordPress 3.6 Footer Menu

    I’d like to add a footer menu (horizontal single level) to WP 3.6 (with attitude theme), replacing the default footer text.

    I’ve tried 2 plugins that didn’t work.

    It seems a shame to hack the template files but it doesn’t seem to have any way of doing it built in.

    Any suggestions?

    Should I use a different theme?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

  • I just did that to TwentyThirteen. I created a child theme and copied footer.php from TwentyThirteen to my child theme. Then I edited the copied version, adding:

    wp_nav_menu(array('menu' => 'footer', 'container_id' => 'footer-menu'));

    This is a bit quick and dirty, because it doesn’t create a theme location for the menu. It requires the name of the menu to be Footer.

    The child theme’s style.css makes the menu horizontal and hides subitems.

    Thread Starter Bperth

    (@bperth)

    Thank you,
    Please forgive me I havn’t spent much time on WordPress.

    I’ve got the menu in the footer but it’s still virtical.

    I’m not sure where to find the relevant style/s (menu-footer-menu-container?). I cannot see the styles listed in the parent style.css.

    What style should I create in the child style sheet and what should I add to make the menu horizontal.

    Many thanks.

    The source at the footer is:
    <div class=”menu-footer-menu-container”>
    <ul id=”menu-footer-menu” class=”menu”><li id=”menu-item-153″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-153″>Privacy Terms
    <li id=”menu-item-154″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-154″>Terms and Conditions
    <li id=”menu-item-155″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-155″>About Us
    </div>
    </div><!– .site-info –>

    Thread Starter Bperth

    (@bperth)

    Please disregard last post, I’ve figured it out. It was just a matter of adding
    #menu-footer-menu li {display: inline}
    to the child’s style.css

    Thanks again

    Hi, another novice here.
    Am trying to add footer menu. I have created a child theme in Attitude Pro theme and copied the footer.php from the parent theme.

    From the above discussions, where exactly should i add this code in child theme’s footer.php

    wp_nav_menu(array(‘menu’ => ‘footer’, ‘container_id’ => ‘footer-menu’));

    Theme Horse advertises that Attitude Pro comes with “incredible support”. They will be able to tell you the best way to add a footer menu to their theme.

    Hi, I did not get much support from them as they do not support much in terms of coding.
    Anyway, i figured it out and got the menu in the footer. But it is vertical. The above discussion says to add a line
    #menu-footer-menu li {display: inline} of code. Where should I add exactly to make the menu horizontal?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WordPress 3.6 Footer Menu’ is closed to new replies.