title: Hide woocommerce storefront handheld footer on cart, checkout, and account
body: <p>I am trying to hide the Storefront handheld footer bar on the cart, footer, and account pages. I am new to coding in Wordpress and Woocommerce and coded the following and nothing works. Below are my 3 attempts what am I doing wrong? Any assistance will be greatly appreciated.</p>
  
  <pre><code>add_action('wp_head','noshowHHFCSS');
  function noshowHHFCSS() {
  echo '&lt;style&gt;
  /* Do not show hand held footer bar on cart, check out and account page*/
  .page-id-5 .page-id-6 .page-id-7 .storefront-handheld-footer-bar  {
  display: none!important;
  }
  &lt;/style&gt;';
  } 
  
  
  if ( is_cart() || is_checkout() || is_account_page() ) { 
  echo '&lt;style&gt;
  /* Do not show hand held footer bar on cart, check out and account page*/
  .storefront-handheld-footer-bar  {
  display: none!important;
  }
  &lt;/style&gt;';
  } 
  
  
  add_action( 'init', 'jk_remove_storefront_handheld_footer_bar' );
  if ( is_cart() || is_checkout() || is_account_page() ) {
  function jk_remove_storefront_handheld_footer_bar() {
  remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );
  }
  }
  </code></pre>