• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Themes
  • Feast Plugin
  • Support
  • Tutorials
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Themes
    • Feast Plugin
    • Support
    • Tutorials
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » How To Customize Your WordPress Themes » Foodie Pro Classic Tutorials

    Adding Social Icons to Foodie Pro Navigation Menu

    Note: Instead of following this tutorial, we recommend you follow the instructions to Import the Foodie Pro Widgets to import the pre-configured widgets in your theme files, then customize them.

    One of the most popular customization requests we get for our themes is how to add a search bar and social icons to the navigation menu. With Foodie Pro 3.0 we've made this as easy as a drag and drop!  This feature makes your site more user-friendly on mobile devices. Instead of having to scroll to the bottom to get those features in the sidebar, your readers have everything right up top.

    The search bar is already built into your navigation menu.  To get the social icons added there as well please drag and drop a Simple Social Icons widget to the Nav Social Menu widget area and configure that widget with links to your social media accounts.

     

    Once the widget is in place, it will automatically load into the menu bar.

    Primary Sidebar

    How To Customize Your WordPress Themes

    • Why is troubleshooting so complex?
    • Manually Disable Google Fonts
    • How Do I Set Up My Navigation Menu?
    • Can I Use Multiple Recipe Index Pages?
    • Customization Library
    • Add a Before Entry Widget Area
    • How to Create Multiple Recipe Index Pages
    • How to Add a Logo
    • How to Add the Featured Posts Category Index
    • How to Add the Visual Category Page Index
    • How to Change the Background Color of the Genesis eNews Widgets
    • Plugins to Install
    • Recipe Index: Content Configuration (Cravings Pro + Seasoned Pro)
    • Cravings Pro Theme: Setup Your Navigation Menu
    • WordPress Settings
    • How to Change the Header Size
    • Seasoned Pro Classic Tutorials
    • How to Create Multiple Recipe Index Pages
    • Food Blog Home Page Pagination
    • Install Theme, and Import Demo Content and Widgets
    • Why we're not supporting Gutenberg Oversized Images
    • Troubleshoot Plugin Conflicts
    • How Do I Update the Theme Version?
    • Remove Search Box from Navigation Menu
    • Font Size for Food Blogs
    • Image Alt Tags
    • Pinterest for Food Bloggers
    • How to Launch Your Food Blog
    • How to Set a Favicon
    • Why we don't support the read more tag
    • Setup a secondary navigation menu
    • How to clear your cache
    • How to change change your footer
    • Foodie Pro Classic Tutorials
      • Foodie Pro 3.0 FAQ
      • How Can I Update to Version 3.0?
      • How to Configure the Foodie Pro Recipe Index
      • How to Add a Logo to Foodie Pro 3.0
      • Configure the Foodie Pro Footer Widgets
      • Adding Social Icons to Foodie Pro Navigation Menu
      • How to Change the Header Size in Foodie Pro 3.0
      • Custom Fonts with Foodie Pro
      • How to Configure the Foodie Pro Classic Home Page
    • Brunch Pro Classic Tutorials
    • Cook'd Pro Classic Tutorials
    • Cravings Pro Classic Tutorials
    • All About Featured Images
    • FAQ for All Themes
    • Add Google Analytics Tracking Code
    • Customization Referrals
    • Enable SSL for HTTPS on your Food Blog
    • Genesis Child Themes
    • How to Start a Food Blog
    • Set Up Your WooCommerce Shop
    • The parent theme could not be found. You will need to install the parent theme, genesis, before you can use this child theme
    • Food Blog Theme Features Comparison
    • Translation + Multi Language Support
    • Use Inspect Element to troubleshoot styles

    Free 5-Day Branding Design Challenge

    With this actionable 5-part challenge, you'll have just the digital design strategies you need for a profitable website... and best of all, it's free. Signup and get your first challenge delivered immediately!

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2022 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.