All of our themes come with support for a custom logo/header, but sometimes you may need a larger or smaller header area than what comes with the theme. In this tutorial, you’ll learn how to change the dimensions of the header area to suit your logo size.
1. Open your File Manager in your web hosting cPanel. (Not sure how to find the file manager? Here are instructions for Bluehost, Hostgator, and Godaddy). In your File Manager, follow this path: public_html > your_website_root > wp-content > themes > theme-name > functions.php. Sometimes the wp-content folder may be located right inside the public_html, in that case disregard the your_website_root portion of the path. Click “code editor” on the Functions.php file.
2. In the Functions.php file, find the custom header section. If you can’t find it, press Ctrl + F (or Command + F on a Mac) and search ‘custom header,’ and you’ll be taken right to it.
3. Note that your width and height values may be different than pictured, depending on your theme. Change the width value to your desired width and change the height value to your desired height. Keep everything around the numbers the exact same. Save.
4. Go to WordPress > Appearance > Editor. Press Ctrl + F (or Command + F on a Mac) and paste the following: .header-image .site-header
5. You will be taken to this section:
6. Note that the width and height values may be different depending on your theme. Replace the first number (in the screenshot, 1000px) with your desired width. Replace the second number (in the screenshot, 200px) with your desired height. Replace the min-height number in the second section (in the screenshot, 200px) with your desired height. Make sure all of these numbers match the numbers you put in the PHP file in step 3. Save.
7. Go to WordPress > Appearance > Customize. If your blog title is currently displaying at the top, click the “site identity” tab and turn it off. Click the header tab and upload your logo image. It should now fit perfectly!