Added few settings #11221

functions.php

// Change the handhed hook position.
add_action('wp_loaded', 'el_custom_wp_loaded');
function el_custom_wp_loaded() {
	remove_action('electro_footer',           'electro_handheld_footer_bar',		999 );
}
add_action( 'electro_header_handheld',			'electro_handheld_footer_bar',		30 );


// register Category menu
if ( ! function_exists( 'electro_handheld_category_register' ) ) {
	function electro_handheld_category_register( $nav_menus ) {
		$nav_menus['hand-held-category'] = esc_html__( 'Handheld Category', 'electro' );

		return $nav_menus;
	}
}

add_filter( 'electro_handheld_menus', 'electro_handheld_category_register' );

if ( ! function_exists( 'electro_handheld_category' ) ) {
	/**
	 * Displays HandHeld category
	 */
	function electro_handheld_category() {
		?>
		<div class="electro-handheld-category hidden-lg-up">
			<?php
				wp_nav_menu( array(
					'theme_location'	=> 'hand-held-category',
					'container'			=> false,
					'menu_class'		=> 'nav nav-inline yamm',
					'fallback_cb'       => 'electro_handheld_nav_fallback',
					'walker'            => new wp_bootstrap_navwalker()
				) );
			?>
		</div>
		<?php
	}
}

add_action('electro_header_handheld',           'electro_handheld_category', 		40 );

style.css

@media (max-width: 767px){
    .electro-handheld-footer-bar {
        position: relative;
        top: 0;
        border-top: none;
        box-shadow: none;
        margin-bottom: 26px;
        bottom: inherit;
    }
    .electro-handheld-footer-bar .site-search .widget_product_search input[type=search] {
        padding: .8em 1.618em .8em 3.706325903em;
    }
    .electro-handheld-footer-bar .site-search .widget_product_search form:before {
        top: 1.85em;
    }
    .electro-handheld-footer-bar ul li.search .site-search {
        bottom: 0em;
        padding: .8em;
    }
    
    .electro-handheld-footer-bar ul li.search.active .site-search {
        bottom: -85%;
    }
    .container {
        padding-right: 0;
        padding-left: 0;
    }
    .site-header .handheld-header .header-logo {
        margin-bottom: 20px;    
    }
    .electro-handheld-category {
        padding: 0 15px;
    }
    .electro-handheld-category ul {
	    margin: 0;
        padding: 0;
        margin-top: 0;
    }

    .electro-handheld-category ul li {
        display: inline-block;
        text-align: center;
        width: 24%;
        margin-top: 0;
        padding: 0 2px;
        margin-bottom: 8px;
        line-height: 1.3;
        vertical-align: top;
    }   

    .electro-handheld-category ul li a{
   	    background-color: #333E48;
        color: #fff;
        display: block;
        padding: 4px;
        border: 2px solid #505050;
        border-radius: 4px;
        font-size: 0;
        height: 65px;
    }
    .electro-handheld-category ul li a i {
        font-size: 26px;
        text-align: center;
        line-height: 2;
        display: block;
        
    }
}