Rimzan Hassan

@carlos,

Are you using a child theme?

if so add the below code to the functions.php of your child theme

/* Begin 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 );
}
/* End remove the handheld navigation bar */

Hi,

The traffic light icon is from the Plugin Yoast SEO,

I will Investigate and post a reply.

Hi,

Thanks for the reply. I am using a Child theme of the Storefront theme and the following plugins. (I know it is a big list)

I am on a deadline to deliver this site to my customer so I don’t think I would be able to deactivate plugins and check to see which is causing the issue.

• Add From Server
• Advanced Custom Fields
• Akismet
• All Meta Tags
• Better File Editor
• Booster for WooCommerce
• Clicky for WordPress
• Contact Form 7
• Custom Login
• Duplicate Post
• Enhanced Media Library
• Google Analytics by MonsterInsights
• Google Captcha (reCAPTCHA) by BestWebSoft
• Google Pagespeed Insights
• Jetpack by WordPress.com
• Limit Login Attempts
• Menu Icons
• Meta Slider
• Open Graph Metabox
• Page Builder by SiteOrigin
• Regenerate Thumbnails
• Remote Upload
• Shortcodes Ultimate
• SiteOrigin CSS
• SiteOrigin Widgets Bundle
• SumoMe
• TinyMCE Advanced
• Title Toggle for Storefront Theme
• UpdraftPlus – Backup/Restore
• User Role Editor
• W3 Total Cache
• White Label CMS
• WooCommerce
• WooCommerce Custom Currencies
• WooCommerce POS
• Wordfence Security
• WP Security Audit Log
• WP Statistics
• WP-Mail-SMTP
• WP-PageNavi
• YIKES Custom Product Tabs for WooCommerce
• YITH Maintenance Mode
• YITH WooCommerce Catalog Mode
• YITH WooCommerce Product Slider Carousel
• Yoast SEO

Closed

Dear @mikey,

Thanks for the code, it worked perfectly. I would like to know whether it is possible to add a hover color to the Magnifying glass icon.

Thanks in Advance.

Best Regards,

Rimzan Hassan

Dear jameskoster,

Thanks for the reply, But I am new to CSS. Could you please Help me solve this.

Thanks in Advance.

Best Regards,

Rimzan Hassan

Closed

@jameskoster Thanks for the code, I had to add the below code before your code for it to work. I am adding this so it might help someone else with the same problem. Now I would like to add a Submit or Search button next to the Search Box.

/* Begin remove the search bar from the header */
add_action( 'init', 'jk_remove_storefront_header_search' );
function jk_remove_storefront_header_search() {
remove_action( 'storefront_header', 'storefront_product_search', 	40 );
}
/* End remove the search bar from the header */

/* Begin move search box */
add_action( 'storefront_header', 'storefront_product_search',    60 );
/* End move search box */

Closed

Hi,

I have made an illustration on how it should look like.

https://i706.photobucket.com/albums/ww69/Rimzan2008/final%20capture_zps4t7mgycr.png

Thank you in advance for the help.

Best Regards,
Rimzan Hassan

Your code worked like a charm. Thanks for the support. @aceall

I found a way to move the secondary menu to the right via the Firefox Developer tools. I changed the code in the Developer tools like shown below and it worked. Now I would like to know how to change it in the child theme of my site.

.woocommerce-active .site-header .secondary-navigation {
width: 47.8260869565%;
float: right;
margin-right: 4.347826087%;

Screen Capture: https://www.tktrnx.com/wp-content/uploads/2016/04/devtools.png

Thanks in Advance for your time and support

Rimzan Hassan