MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Add text menu to Redwood's footer


If you'd like to insert a simple horizontal text menu into your footer area, it's simple to do with some basic HTML and CSS! 

Navigate to WP Dashboard > Appearance > Customize > Footer Settings > Footer Copyright Text field. If you have text in this field already, go to the very end of that text within the "Footer Copyright Text" field. 

Paste in the following code:

<div id="footer-menu">
<ul>
<li><a href="LINK-URL">Menu Item 1</a></li>
<li><a href="LINK-URL">Menu Item 2</a></li>
<li><a href="LINK-URL">Menu Item 3</a></li>
<li><a href="LINK-URL">Menu Item 4</a></li>
</ul>
</div>

In the above code, be sure to replace the "LINK-URL" dummy text with the URL you want link to direct to as well as changing the "Menu Item" titles to whatever title you want your link to have. 

If you want more menu items than the 4 examples above, copy and paste additional lines.
Otherwise, if you don't require 4 menu items, feel free to delete any lines you don't need. 

Save changes when finished. 

Lastly, navigate to WP Dashboard > Appearance > Customize > Custom CSS > and insert this code:

p.copyright {float: left;}
#footer-menu {float: right;}
#footer-menu ul li {
display: inline-block;
margin-left: 20px;
}
#footer {padding-bottom: 30px;}
@media only screen and (max-width: 768px) {
p.copyright {
float: none;
text-align: center;
}
#footer-menu {
float: none;
text-align: center;
margin-top: 20px;
}}

Be sure to save changes when finished.