Note that there are some explanatory texts on larger screens.

plurals
  1. POWordPress Footer Menu - Format On Single Line
    primarykey
    data
    text
    <p>I was able to create a second menu for the WordPress Twenty Ten theme and add it to the footer of my child theme. The code I modified in the child theme footer is as follows: </p> <pre><code>&lt;div id="site-info"&gt; &lt;!-- EDIT --&gt; Copyright (c) 2013 Acme Inc. All rights reserved. &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'footer-menu' ) ); ?&gt; &lt;!-- EDIT --&gt; &lt;/div&gt;&lt;!-- #site-info --&gt; </code></pre> <p>The footer menu works but the formatting is not correct. The current formatting is as follows:</p> <pre><code>Copyright (c) 2013 Acme Inc. All rights reserved. - Privacy Policy - Terms &amp; Conditions </code></pre> <p>I want the formatting so everything stays on a single line with the "|" symbol separating Privacy Policy and Terms &amp; Conditions. I also want to loose the bullets (not sure where they came from?). Like so:</p> <pre><code>Copyright (c) 2013 Acme Inc. All rights reserved. Privacy Policy | Terms &amp; Conditions </code></pre> <p>I assume it is a CSS issue but I'm unsure?</p> <p>Footer section as rendered by the browser:</p> <pre><code> &lt;div id="footer" role="contentinfo"&gt; &lt;div id="colophon"&gt; &lt;div id="site-info"&gt; &lt;!-- EDIT --&gt; Copyright &amp;copy; 2013 Acme Inc. All rights reserved. &lt;div class="menu-footer-container"&gt; &lt;ul id="menu-footer" class="menu"&gt; &lt;li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-41 current_page_item menu-item-48"&gt; &lt;a href="http://www.kb8b.com/?page_id=41"&gt;Privacy Policy&lt;/a&gt; &lt;/li&gt; &lt;li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"&gt; &lt;a href="http://www.kb8b.com/?page_id=39"&gt;Terms &amp; Conditions&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt;&lt;/div&gt; &lt;!-- EDIT --&gt; &lt;/div&gt;&lt;!-- #site-info --&gt; &lt;div id="site-generator"&gt; &lt;!-- EDIT --&gt; &lt;!-- EDIT --&gt; &lt;/div&gt;&lt;!-- #site-generator --&gt; &lt;/div&gt;&lt;!-- #colophon --&gt; &lt;/div&gt;&lt;!-- #footer --&gt; &lt;/div&gt;&lt;!-- #wrapper --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload