WordPress
Training & Support at Georgia Southern

Submenu Example: Tabs

Section 1

Enter content here.

Section 2

Enter content here.

Section 3

Enter content here.


Tabs Code

To insert Tabs on a page, paste the following code directly in the WordPress editor (HTML mode). Replace the tab titles and content with your own.

<div class="tabswrap">
 <ul class="tabs">
 <li><a href="#section1">Tabs 1</a></li>
 <li><a href="#section2">Tabs 2</a></li>
 <li><a href="#section3">Tabs 3</a></li>
 </ul>
<div id="section1">
<h6>Section 1</h6>
<p>Enter content here.</p>
</div>
<div id="section2">
<h6>Section 2</h6>
<p>Enter content here.</p>
</div>
<div id="section3">
<h6>Section 3</h6>
<p>Enter content here.</p>
</div> 
</div>

Last updated: 5/20/2016

WordPress Training & Support • Georgia Southern University