Removing the Footer Menu on Storefront Mobile Layout

Storefront is mainly an eCommerce theme, it is built by the developers of WooCommerce, for WooCommerce users.

But, it is a very customizable theme, so it can also be used in other ways. In example, I use it on this blog, without WooCommerce, and it still works perfectly. Many people use it with WooCommerce but only as a catalog, so customers are not able to buy products on the site, but just look at them.

In this last case, you probably don’t need the Cart and Checkout pages, so you remove them, but Storefront still shows a menu in the Footer area when you visit the site on a mobile device, and that menu leads you to the Cart page as well, which you removed.

How can you hide that menu when it is not needed?

Open your functions.php file in wp-content/themes/your-child-theme-name/ and add this code at the end of the file:


remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );

view raw

functions.php

hosted with ❤ by GitHub

This code will remove the footer menu when visiting the site from mobile.


More Posts That You Might Like…


9 responses to “Removing the Footer Menu on Storefront Mobile Layout”

  1. […] Quelle: Removing the Footer Menu on Storefront Mobile Layout – Nicola Mustone […]

  2. Thanks. But how would you remove it only on the checkout page? Can you please post the code.

      1. Thanks Nicola. Works great.

  3. Hi , also want to remove the footer handled menu, do you know how to prevent/keep the search bar option? all my search bars are removed on screens < 767 width.
    Thanks 🙂

  4. Hi, it doesn’t works for me. Please help!

  5. Hi
    im using storefront child theme…
    i have added the code but it isnt working…
    shold i do something else?
    Thanks!

    1. Hi this is the code and here is the source:

      https://docs.woocommerce.com/document/remove-the-handheld-navigation-bar/

      add_action( ‘init’, ‘jk_remove_storefront_handheld_footer_bar’ );

      function jk_remove_storefront_handheld_footer_bar() {
      remove_action( ‘storefront_footer’, ‘storefront_handheld_footer_bar’, 999 );
      }

      Aloha 🙂

      1. Tried both codes out in functions.php of the storefront theme, no change at all. some more tips? Maybe the place, where the text “Proudly presentet..” could be changed to own text?
        Greetings, Harry

Leave a Reply

Categories

Newsletter

Receive new articles from this blog directly in your inbox!

No spam guaranteed!

Blog at WordPress.com.

%d bloggers like this: