How To Make a Logo On Center in WordPress
Do you want to make the logo in the center of the header on our theme?
Most of Acme Themes gives you a flexible option for making your logo in the center. You can find it in the
- Dashboad>Appearance>Customize option
- Header Options>Header Placement>Logo and Advertisement Position
Available Options
- Left Logo and Right Ads
- Right Logo and Left Ads
- Center Logo and Below Ads
If you do not find this option you have to manually position it by using Custom CSS code.
For that, you have to add just two lines of CSS codes to your site. We have a Custom CSS field on the theme. You can simply copy and paste the below code there. It easily makes the logo/Site title and tagline in the center. But Please follow the basic things below for every theme.
- 1. First, log in to your site
- 2. Go to Dashboard
- 2. Go to Appearance > Customize > Layout/Design Options > Custom CSS
- 3. Add the CSS code there.
- 4. If the preview is fine, click on Save & Publish button to save the changes.
How to Set Logo on the Center on Other Themes?
Since every theme has got its, own class you can not say that a particular code makes an impact. However, try using the following codes in your CSS file.
.site-logo {
width: 100%;
text-align: center;
}
.site-logo-link > img, .custom-logo-link img {
margin-left: 50%;
}
.site-branding {
text-align: center;
}
Other SEO Articles:
✅ 13 Essential SEO Tips For WordPress Website
✅Technical SEO For a Website?
If you liked this article, then consider following us on Twitter and Facebook and LinkedIn.
how to change the size of the header logo in SUPERNEWS Pro
Hello Prince,
If you want to change the logo of SuperNewsPro, go to Appearance > Customize > Site Identity and you will get the options to change the header logo. For more details, please have a look on the Documentation.
I followed instructions above verbatim, and the header remained justified right.
Suggestions
First you need to hide the Advertisement Banner to make the logo in center. Go to Appearance > Customize > Header Options > Header Advertisement and hide the advertisement first. And try by adding the below CSS codes, If the below codes not worked, let us know your site URL as well. We will provide you the best alternative solutions as well.
`.site-logo {
width: 100% !important;
text-align: center !important;
}`
Thank you
Hi, we’re having the same issue of not being able to center our logo.
how to align hamberg menu in left side, search bar in the center and cart icon in the right side..please help me
Hi it all depends on the themes you are using.
Try using https://www.cosmoswp.com/ theme for flexible header setting.
I can’t make my logo image bigger, it is always show very small. Have tried this solution below but won’t work. Can you help?
” code inside acmethemes/core.php you will find the custom-logo size and try it by increasing the height and width. If you want to make the logo center”