Toggle Bootstrap Off Canvas Content Panels with Buttons
Utilising a Bootstrap 4 WordPress theme – below code snippets to toggle off-canvas content. For multiple panels of content the trigger button data attribute – data-trigger needs a unique value that matches its content panel in the case below it is the article element which has the matching id value. HTML <b class=”screen-overlay”></b> <button data-trigger=”#card_mobile”…
Read MoreAdd WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro
This is a guide to add a WooCommerce Add to Cart button icon to a main menu with a toggle effect that displays added shop items in a mini-cart in an overlay. This is offscreen content displayed and closed on click, this is how the new Outfitter Pro theme uses it, in this guide it is…
Read MoreAdding an offscreen content area with a toggle to a Genesis Theme
The latest Genesis Infinity Pro theme has a top right toggle icon which allows for some off screen content to come into prominence in the viewport, this can be great for lead capture, ecommerce, contact details etc Here is how you can add this to the Sample Theme, also should work ok in other Genesis themes…
Read More