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

    (@mr-case)

    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.

    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)

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

    Thread Starter felishacoutu

    (@felishacoutu)

    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.