• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Accordion Tutorials

The tutorials in this archive relate to usage and modification of jQuery accordions in Genesis child themes. You'll find code which helps you add/modify and customize the code used to create and display a accordion. You'll also find more tutorials relating to accordions ( like toggle ) which aren't tagged with accordion by using the search widget in the sidebar. All code as well as support for PHP code is guaranteed for members.

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress

Accordion & Toggle Genesis Blocks Genesis Markup Gutenberg

Hide Genesis Responsive Menu On Menu Item Click

This solution enables you to hide the Genesis responsive menu when any menu item in the drop down toggle menu is clicked. Once the menu item

Accordion & Toggle jQuery Scroll Nav Menu

Toggle Search Bar Over Site Header Menu In Genesis Child Themes

The code in this download folder enables you to add the search bar from the Monochrome Pro child theme to any other Genesis child

Accordion & Toggle Nav Menu Revolution Pro Theme Search

Full Height Vertical Side Push Widget For Left or Right

The code in this download does a number of things : Adds a custom widget area named Side Menu which you can populate with the Nav Menu

Accordion & Toggle Customizer

Slide In Vertical Nav Menu Widget For Genesis Themes With Fixed Header

This full height vertical widget area pushes the entire site container when opened. The code is an updated version of this tutorial to work

Accordion & Toggle

Infinity Pro Vertical Menu

This tutorial shows you how to change the offscreen content feature to a vertical menu using the Infinity Pro child theme by

Accordion & Toggle Infinity Pro Theme

Add Offscreen Slide In Widget To Infinity Pro Theme

This solution enables you to add a widget area which toggles open using the ion android menu icon in the header. You can modify the code

Accordion & Toggle Infinity Pro Theme

jQuery Accordion Template With Link To Close Long Items

This accordion includes a HTML link you can add to close any long items like you see in the following screenshot : When the button is

Accordion & Toggle

Modify Genesis FAQ Plugin Shortcode Functionality via Child Theme

The code in this download file enables you to modify the entire default shortcode functionality included in the Genesis Simple FAQ

Accordion & Toggle

Modify Genesis FAQ Widget

The code in this tutorial enables you to modify all FAQ Widget functionality included in the plugin via any Genesis child theme. The

Accordion & Toggle

Off Canvas Push Widget For Side Menu

The code in this tutorial pushes the site container to the right when the side widget is toggled open. The solution includes an animated

Accordion & Toggle

Toggle Side Widget Overlay For Slide In & Out Menu

This code adds a custom widget area named Side Menu which can be toggled open/close by clicking the animated menu icon. Here's the demo

Accordion & Toggle

Toggle Full Content On Archives Only When Content Contains More Than 1 Paragraph

The code in this tutorial extends the code in this tutorial which enables you to dynamically add a read more / read less button to archive

Accordion & Toggle

Toggle Read More Excerpts To Show Full Content On Genesis Archives

This solution enables you to dynamically add a button after the first paragraph on archive pages which slides down to reveal the full

Accordion & Toggle

Toggle Read More Button To Show Full Content On Single Posts

This code enables you to add a Read More button which toggles the full content when clicked. When expanded the button text changes to Read

Accordion & Toggle

Accordion F.A.Q’s In Columns

You can wrap the HTML for your accordion in column classes if you want to display your F.A.Q questions & answers in 2, 3, 4 & 6 columns like

Accordion & Toggle

Genesis Accordion Javascript Template

Most of the accordion solutions already published here for members, use jQuery which is easier to use with WordPress as opposed to

Accordion & Toggle

Change Logo On Mobiles When Genesis Responsive Menu Toggled

The code in this tutorial enables you to display a different header image when the responsive hamburger menu icon is toggled open. Here's

Accordion & Toggle Foodie Pro Theme Header Image

Add Accordion F.A.Q’s To After Entry Widget in Genesis

This solution is based on a question from a registered member who wanted to use a tutorial containing code for a f.a.q template, in a widget

Accordion & Toggle

Slide In Side Menu In Genesis

This code enables you to achieve the slide in menu effect in any theme. Update : Here's a newer/different method which you may find easier

Accordion & Toggle Nav Menu

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.