Nicola Mustone

Happiness Lead @ Automattic



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.

Advertisements

Subscribe to This Blog

Receive new articles from this blog directly in your inbox! No spam guaranteed!

Join 651 other subscribers

Contribute to Improving This Blog

Did you enjoy this article? Was it helpful? Contribute to help me write more articles! The funds collected from this blog are reinvested directly into improving my skills or the blog so that I can provide more and better content!

One-Time
Monthly
Yearly

Make a one-time donation

Make a monthly donation

Make a yearly donation

Choose an amount

€5.00
€15.00
€100.00
€5.00
€15.00
€100.00
€5.00
€15.00
€100.00

Or enter a custom amount


Your contribution is appreciated.

Your contribution is appreciated.

Your contribution is appreciated.

DonateDonate monthlyDonate yearly
Advertisements

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

Advertisements

Categories

Newsletter

Receive new articles from this blog directly in your inbox!

No spam guaranteed!

Join 651 other subscribers

About The Author

Hi, I’m Nico! Support Lead at Automattic, championing WordPress.com & WooCommerce. Off-duty, I’m at Elemental Beacon, leading epic D&D adventures. Let’s connect, whether it’s about WordPress or a quest!

Advertisements

Don't Miss a Thing!

Receive new articles from this blog directly in your inbox!

No spam guaranteed!

Join 651 other subscribers

Continue Reading

%d bloggers like this: