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?
