• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

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

    • Email
    • Facebook
    • Instagram
    • Twitter
Feast Design Co. » How To Customize Your WordPress Themes » Foodie Pro Tutorials » How to Add a Logo to Foodie Pro 3.0

How to Add a Logo to Foodie Pro 3.0

Note: This tutorial is outdated for Foodie Pro version 3.1.5 and newer, see: Rethinking the Header

 

  • To display a logo in your header instead of your site title,  navigate to Appearance > Customize and find the Header Image option in the customizer to upload your logo, which should be roughly 320 x 100 pixels.
  • Click on Add New Image and either select your header image from your Media Library or upload the image to the Media Library and click Select and Crop.
  • Crop the image to your liking or skip cropping if you have already prepared your image before uploading (recommended).
  • Don’t forget to click Save and Publish!

 

Retina Logos

In the past, we recommend “retina logos”, which was an image at double the pixels you wanted it to display at. As the web has changed, it’s become more important to have images that are small and therefore download quicker, and optimized for mobile, which are generally much smaller screen sizes.

Mobile makes up roughly 80% of pageviews for most food blogs, and this makes sense, because people often search for recipes on their downtime, or while at the grocery store. A good chunk of traffic for food blog often comes from Pinterest, which people tend to use disproportionately on their mobile devices.

Finally, mobile devices aren’t always connected to wifi, which means they’re running on a slower mobile connection, which is metered (you only typically have a few GB of monthly bandwidth). Small images are essential for pagespeed purposes.

All these factors combined means that it’s far more important to have a small header than it is to have a pixel-perfect “retina” logo on desktop. The oversized headers of food blogs of 2016 are gone. Modern logos are are small so that they respect the devices your visitors use, and unobtrusive, so that they don’t take up valuable above-the-fold screen real estate.

 

Reader Interactions

Primary Sidebar

How To Customize Your WordPress Themes

  • Why is troubleshooting so complex?
  • Disable Google Fonts
  • How Do I Set Up My Navigation Menu?
  • Customization Library
  • Add a Before Entry Widget Area
  • Plugins to Install
  • Seasoned Pro Tutorials
  • Food Blog Home Page Pagination
  • 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
  • Pinterest for Food Bloggers
  • Foodie Pro Tutorials
    • Foodie Pro 3.0 FAQ
    • Foodie Pro: Install and Import Demo Content and Widgets
    • 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
    • Configure the Foodie Pro Category Pages
    • 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 Home Page
  • Brunch Pro Tutorials
  • Cook'd Pro Tutorials
  • Cravings Pro 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
  • Make Thumbnails Square or Rectangle, and Sizing
  • Set Up Your WooCommerce Shop in Genesis
  • 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
  • Translate Language Support in Wordpress, Genesis and Foodie Pro
  • Use <!--nextpage--> to Add a Page Break
  • Use Inspect Element to Troubleshoot Whitespaces

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

Take An Insta-Peek

  • The Feast Plugin version 1.4.0 is out with a simple way to add previous/next post navigation to your food blog! Keep your visitors on site longer by encouraging them to read other recipes.
  • I discovered halloumi for the first time a few weeks back. I've been living under a rock. So freaking excited to have some new halloumi recipes thanks to @deliciousfromscratch #halloumi #cookbook
  • Raising ad revenue one of your #2018goals? Check out what our new WordPress themes for bloggers can do to help you make that happen. 👊📈
.
.
.
#foodblogger #forkyeah #droolclub #foodblog #prettylittlethings #lifestyleblog #swooning #foodblogging #entrepreneur #foodphotgraphy #foodentrepreneur #bloggerstyle #wordpress #digitalstrategy #bloggerlife #website #blog #writing #editorialcalendar #contentcalendar #planning #content #contentmarketing #influencermarketing #digitalinfluencer #digitalinfluencers #influencerstrategy #cravingspro #seasonedpro
  • Have you grabbed your free food blog editorial calendar yet? For our take on how to make an editorial calendar work for you, copy and paste into your browser >> bit.ly/food-blog-calendar
.
.
.
#foodblogger #forkyeah #droolclub #foodblog #prettylittlethings #lifestyleblog #swooning #foodblogging #entrepreneur #foodphotgraphy #foodentrepreneur #bloggerstyle #wordpress #digitalstrategy #bloggerlife #theeverygirl #website #blog #writing #editorialcalendar #contentcalendar #planning #content #contentmarketing #influencermarketing #digitalinfluencer #digitalinfluencers #influencerstrategy
  • Its a #launchday #saturyay at Feast Design Co.! Check out this pre-release bundle of our 2018 WordPress themes for bloggers! Link in bio! 👆🔥
.
.
.
#foodblogger #instafeast #digitalstrategy #foodblogfeed #sidehustle #thehappynow #hustlewithease #pursuepretty #forkfeed #lifestyleblogger #buzzfeast #nothingisordinary #thatsdarling #bloggerlife #beautifulcuisines #forkyeah #theeverygirl #dreamersanddoers #plantbased #foodieblogger #business #blogger #foodiepro #webdesign #wordpress #branding #genesiswp #foodstagram

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

Company

  • Privacy Policy
  • Terms & Conditions
  • Principles and Best Practices
  • Affiliates
  • Contact
  • Email
  • Facebook
  • Instagram
  • Twitter

Copyright © 2019 · Feast Design Co.