WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] WordPress 3.6 Footer Menu (7 posts)

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

  2. Rod Whiteley
    Member
    Posted 11 months 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 11 months 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 11 months 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 4 months 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 4 months 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 4 months 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?

Reply

You must log in to post.

About this Topic