Displaying a logo on your website can have several benefits. Logos can be used to reveal in just one glance what your website is about. It can be a nice design element which stands out or a simple slogan to inform about your website’s philosophy. Whatsoever you are using a logo for, sometimes you might encounter issues with uploading your logo or placing it as you prefer. So please see our overview on most common issues when it comes to uploading a logo to your WordPress website.
- How to upload a logo to your WordPress website
- What is the required size of the logo?
- How to replace the logo with title of website
- How to center the logo in the header
- You have not found a solution to your issue?
How to upload a logo to your WordPress website
WordPress allows to upload one logo to your website by default. To add a logo image, please navigate to Appearance => Customize => Header Image in your WordPress dashboard, click the Add new image button to open up your Media Library and select a previously uploaded logo image, or drag & drop a new logo into your media library.
Once you have highlighted an image to use, hit the blue Select and Crop button to crop your image into a useable size. If you’re happy with the image dimensions you can press the Skip Cropping button, or you can use the image cropper on-screen to crop out your logo from the image you have uploaded. Hit the blue Crop Image button to complete the process.
What is the required size of the logo?
When you upload your logo through the customizer via Appearance => Customize => Header Image, for each theme we have given a recommendation regarding the logo size. For MH Magazine, it says: While you can crop images to your liking after clicking Add new image, your theme recommends a header size of 300 × 100 pixels.
However, this is only a recommendation and you can usually upload logos of different sizes as well. We would advise you to try a few logo sizes through the customizer to preview changes before saving them. In general, you can’t break anything by uploading a logo which is too large or too small, so just go ahead and see what fits best for your site.
How to replace the logo with title of website
You can achieve this by removing the currently selected logo image via the Theme Customizer at Appearance => Customize => Header Image, simply click the Hide Image button.
You can now activate the blog title & description text which will be positioned where the logo was, you can do so again via the theme customizer at “Appearance => Customize => Site Identity”, just be sure to check the box marked “Display Header Text” and enter your Site Title and Tagline in the available fields.
Hit the blue Save & Publish button to apply your changes, which you should be able to view via the customizer’s theme preview. If you are happy with the result, save and publish your changes.
How to center the logo in the header
In case you are using one of our WordPress themes which is displaying the logo left aligned, you could add some custom CSS and center the logo in the header. For the MH Magazine theme, the logo is aligned to the left, to center the logo please see the required custom CSS. You might need to adapt the custom CSS if you are using a different theme accordingly.
Please notice, if you center your logo, you intervene in the default structure of your header. It might then be possible that you have to do some additional changes here and there, depending on your needs and requirements.
You have not found a solution to your issue?
In case you have not found answers to your questions in this support article, please also take a look at our other support topics, as it is very likely that you will find your answer there. If you have purchased a WordPress theme by MH Themes and have a valid license to gain access to theme updates and support, then you may also send a support request for additional assistance.