Enlarge Logo

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mr Case

    (@mr-case)

    10 years ago

    add this to your custom css or child theme’s ‘style.css’ file

    .site-branding {
    height: auto;
}

.site-branding img {
    height: auto;
    max-width: 200px;
}

    Now if you change the ‘max-width’ value, it will adjust the size of your logo. for instance if you changed it from ‘200px’ to 400px’ it will double in size.

    paulwpxp

    (@paulwp)

    10 years ago

    Using code from Mr Case , we can also adjust the size so it goes with theme’s responsive design.

    .site-branding, .site-branding img {
	height: auto;
	max-width: 320px;
}

@media (min-width: 600px) {
	.site-branding, .site-branding img { max-width: 400px; }
}

@media (min-width: 1200px) {
	.site-branding, .site-branding img { max-width: 480px; }
}
    Thread Starter felishacoutu

    (@felishacoutu)

    10 years ago

    can i just copy and paste that in to the simple custom CSS plug in ?

    Thread Starter felishacoutu

    (@felishacoutu)

    10 years ago

    yeaaaaaaaaaaaaaaa it worked ! thank you so much !
    YOU ARE AWESOME!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Enlarge Logo’ is closed to new replies.