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:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 ); |
This code will remove the footer menu when visiting the site from mobile.
Thanks. But how would you remove it only on the checkout page? Can you please post the code.
Hi James,
You should use this: https://gist.github.com/SiR-DanieL/e1c7acbfdab1394e4f08beef094e2a77
Thanks Nicola. Works great.
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 🙂
Hi, it doesn’t works for me. Please help!
Hi
im using storefront child theme…
i have added the code but it isnt working…
shold i do something else?
Thanks!
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 🙂
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