Header image

Hi @yazminelomax,

Please try adding the CSS below to the customizer in Appearance > Customize > Additional CSS:

.site-branding .custom-logo-link img {
    max-height: 300px;
    max-width: 600px;
}

The px values can be changed to whatever you prefer.

If the CSS doesn’t have the desired effect, please let me know 🙂

Thanks Gary!

You’re welcome 🙂

I’m having the same problem with my site icon – also tiny! Any suggestions

Can you clarify what you mean when you say “site icon” – do you mean the Site Icon feature in Appearance > Customize > Site Identity > Site Icon?

WordPress automatically resizes the icon for different devices, so you shouldn’t need to change anything.

If there’s a problem with the icon, can you describe what the issue is in more detail – where can the issue be seen?

Or do you mean the icons in posts like this?

Do you mean that the icon is too small when you view it in the top of your browser?

If you do, please reduce the empty space around the circle using an image editor, then upload the new image.

This is the original image you’re using:
https://i2.wp.com/yazminelomax.com/wp-content/uploads/2017/08/YL-2.png

You can see that there’s a lot of empty space, so when it gets resized to 32px by 32px for the browser bar, the dot appears smaller than it really needs to be:

https://i2.wp.com/yazminelomax.com/wp-content/uploads/2017/08/cropped-YL-2.png?fit=32%2C32

Here’s the icon for ww.wp.xz.cn for comparison. You can see that although the image is the same dimensions (32px by 32), it looks larger because there is no empty space:

https://s.w.org/favicon.ico?2

You’re welcome 🙂

Please try replacing the earlier CSS with:

@media only screen and (min-width: 768px) {
	.site-branding .custom-logo-link img {
		max-height: 100px;
		max-width: 400px;
	}
}

• This reply was modified 8 years, 9 months ago by Gary Bairead. Reason: updated CSS
• This reply was modified 8 years, 9 months ago by Gary Bairead.

Hi @bergamotblomster,

Please create your own thread and include a link to your site in that thread.

https://ww.wp.xz.cn/support/theme/dyad/#new-post

This prevents the original poster from getting email notifications about a site that isn’t theirs.

Thanks 🙂