cobaltapps

// Add a single body class through a string.
freelancer_add_body_classes( 'my-custom-body-class' );

// Add multiple body classes through an array.
freelancer_add_body_classes( array( 'my-custom-body-class', 'another-body-class' ) );

cobaltapps

add_action( 'wp_enqueue_scripts', 'freelancer_child_enqueue_google_fonts' );
/*
 * Enqueue custom google fonts.
 */
function freelancer_child_enqueue_google_fonts() {
    
    /* 
     * Example of the freelancer_google_fonts_url function
     * with multiple Google Fonts and multiple subsets.
     * Note that the fonts are required, but subsets are optional

cobaltapps

/* 
 * Example of the freelancer_google_fonts_url function
 * with multiple Google Fonts and multiple subsets.
 * Note that the fonts are required, but subsets are optional
 * and only necessary if you're using non-default/custom subset
 * (i.e.. something other than "latin").
 *
$google_fonts_url = freelancer_google_fonts_url(
    // An array of Google fonts with their respective styles.
    array(

cobaltapps

define( 'FREELANCER_SCRIPT_DEBUG' , true );

cobaltapps

array(
	'freelancer_before',
	'freelancer_after',
	'freelancer_before_header',
	'freelancer_header',
	'freelancer_after_header',
	'freelancer_in_header',
	'freelancer_in_header_main',
	'freelancer_site_branding_logo',
	'freelancer_site_branding_text',

cobaltapps

jQuery(document).ready(function($) {
    $('.hamburger').click(function() {
        $(this).toggleClass('is-active');
    });
});

cobaltapps

add_shortcode( 'hamburger_animation_icon', 'custom_hamburger_animation_icon_shortcode' );
function custom_hamburger_animation_icon_shortcode() {
    ob_start();
    custom_hamburger_animation_icon_content();
    $output_string = ob_get_contents();
    ob_end_clean();
    return $output_string;
}

function custom_hamburger_animation_icon_content() { ?>

cobaltapps

Reports: 0

Home
Forums
>
Resources
>
How To's
>
How To Add CSS Animation Effects To Your Mobile Hamburger Menu Icons

cobaltapps

<?php wp_enqueue_script( 'jquery-ui-draggable' ); ?>

cobaltapps

Custom Hookbox:

Name - Custom Toggle Icon

Setup as "Shortcode"

Code:

<div class="responsive-menu-icon">
	<i class="fa fa-ellipsis-h" aria-hidden="true"></i>