Storefront

I created a child theme with Storefront for a hungarian chocolate manufacture called Sweetic.

When I was shrinking the browser window the standard navigation menu didn’t work the proper way:

I addad this snippet to SCSS to fix it:

// =========================================================================
// STOREFRONT REMOVE SIDEBAR - FULL WIDTH LAYOUT
// =========================================================================
function wpflames_remove_storefront_sidebar() {
    remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
    add_filter( 'body_class', function( $classes ) {
        return array_merge( $classes, array( 'page-template-template-fullwidth page-template-template-fullwidth-php ' ) );
    } );
}
add_action( 'get_header', 'wpflames_remove_storefront_sidebar' );

// =========================================================================
// REMOVE WOOCOMMERCE IMAGE ZOOM SUPPORT ON SINGLE PRODUCT
// =========================================================================
function remove_image_zoom_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );

Remove “Built with Storefront & WooCommerce” text

Create a footer.php file in your child theme and include it in to the storefront_footer hook

Footer copyright

Custom footer with SVG Social icons

SCSS

// =========================================================================
// REMOVE HEADER CART
// =============================================================
function remove_sf_actions() {

	remove_action( 'storefront_header', 'storefront_header_cart', 60 );

}
add_action( 'init', 'remove_sf_actions' );

// =========================================================================
// ADD SOCIAL ICON TO NAV MENU
// =========================================================================
function wdm_add_menu_items( $menu, $args ) {
    // check if it is the 'primary' navigation menu
    if ( 'primary' === $args->theme_location || 'handheld' === $args->theme_location)
    {
      // add the search form
      ob_start();
      $menu  .= '<li id="menu-item-5000" class="menu-item menu-icon">
                    <a target="_blank" href="">
                        <i class="fab fa-instagram"></i>
                    </a>
                </li>
                <li id="menu-item-6000" class="menu-item menu-icon">
                    <a target="_blank" href="">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                
                ';
      ob_get_clean();
    }
    return $menu;
}
add_filter( 'wp_nav_menu_items', 'wdm_add_menu_items', 10, 2 );

// =========================================================================
// REMOVE STOREFRONT PAGE TITLE
// =========================================================================
function storefront_remove_title() {
    remove_action( 'storefront_page', 'storefront_page_header' );
}
add_action( 'wp', 'storefront_remove_title' );

// =========================================================================
// REMOVE ACCOUNT AND SEARCH ICON FROM storefront-handheld-footer-bar
// =========================================================================
function jk_remove_handheld_footer_links( $links ) {
	unset( $links['my-account'] );
	unset( $links['search'] );
	return $links;
}
add_filter( 'storefront_handheld_footer_bar_links', 'jk_remove_handheld_footer_links' );

// =========================================================================
// REMOVE STOREFRONT HANDHELD BAR
// =========================================================================
function remove_storefront_handheld_footer_bar() {
  remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );
}
add_action( 'init', 'remove_storefront_handheld_footer_bar' );

// =========================================================================
// MOVE STOREFRONT HANDHELD FOOTER BAR WITH CART ICON TO HEADER
// =========================================================================
add_filter( 'storefront_header', 'storefront_handheld_footer_bar' );

// =========================================================================
// ADD CUSTOM WIDGET - TOP HEADER
// =========================================================================
add_action( 'widgets_init', 'register_new_top_header' );

function register_new_top_header() {

  register_sidebar(array(
    'id' => 'top-header',
    'name' => __( 'Top Header', 'storefront' ),
    'description' => __( 'Top Header.', 'storefront' ),
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h4 class="widgettitle">',
    'after_title' => '</h4>',
  ));
}
// =========================================================================
// CREATE FUNCTION FOR TOP HEADER WIDGET 
// =========================================================================
function top_header_widget(){
    dynamic_sidebar('Top Header');
}
// =========================================================================
// HOOK THE WIDGET BEFORE HEADER
// =========================================================================
add_action( 'storefront_before_header', 'top_header_widget', 2 );

// =========================================================================
//REMOVE SIDEBAR OF STOREFRONT CART PAGE 
// =========================================================================
function remove_cart_sidebar_storefront() {
    if( is_cart()){
	    remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
        add_filter( 'body_class', function( $classes ) {
            return array_merge( $classes, array( 'page-template-template-fullwidth page-template-template-fullwidth-php ' ) );
        } );
    }
}
add_action( 'wp', 'remove_cart_sidebar_storefront' );