WordPress.org

Forums

[resolved] WordPress 3.6 Footer Menu (7 posts)

  1. Bperth
    Member
    Posted 2 years 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

  2. Rod Whiteley
    Member
    Posted 2 years ago #

    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.

  3. Bperth
    Member
    Posted 2 years ago #

    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 -->

  4. Bperth
    Member
    Posted 2 years ago #

    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

  5. niveditha.tm@gmail.com
    Member
    Posted 1 year ago #

    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'));

  6. Rod Whiteley
    Member
    Posted 1 year ago #

    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.

  7. niveditha.tm@gmail.com
    Member
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic