Genesis Tabbed Content Template

This tutorial provides code for adding tabs in a page.

tabs

The template enables you to show and hide content simply by clicking each menu item.

Video Demo

Installation & Setup Instructions

Simply upload the file to your child themes root directory and select the template from the Page Attributes box on any Edit Page screen.

Then you can add the HTML with your own content directly into your editor.

You can use this template with the full screen layout or any other layout like content sidebar.

You can also use this template on as many pages as you like.

There’s 3 simple steps involved.

Related Tutorials

One response to “Genesis Tabbed Content Template”

  1. […] https://wpsites.net/web-design/genesis-tabbed-content-template/ This tutorial includes all the code which enables yo to make a page template with tabs. It uses a tiny bit of jQuery and some HTML. No CSS required. Simply upload the page template to your Genesis child themes root directory and select the template from the Page Attributes box on any Page Edit screen. As simple as that! […]

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.