Title: Make Logo Larger
Last modified: August 30, 2016

---

# Make Logo Larger

 *  Resolved [ryanmacmorris](https://wordpress.org/support/users/ryanmacmorris/)
 * (@ryanmacmorris)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/make-logo-larger/)
 * I was wondering where I might find the place to change the size of the logo on
   larger screens. I tried a few css selectors to try and simply change the width
   but it didn’t seem to do anything.
 * In addition this isn’t really a big problem and so I’m not sure if I should start
   another thread for it, just wondering if anybody had any success deferring the
   js loads in php.
 * For reference my website is [http://www.ryanmacmorris.com](http://www.ryanmacmorris.com)
 * [https://wordpress.org/themes/harmonic/](https://wordpress.org/themes/harmonic/)

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244806)
 * Something like this might work:
 *     ```
       @media only screen and (min-width: 90.063em) {
         .home .site-logo {
           max-width: 500px;
         }
       }
       ```
   
 * I wrapped the CSS declaration in a media query so it only affects larger screens,
   using the breakpoint specified in the theme’s stylesheet for large screens.
 * You can learn more about using media queries that target certain screen sizes
   here:
 * [http://en.support.wordpress.com/custom-design/custom-css-media-queries/](http://en.support.wordpress.com/custom-design/custom-css-media-queries/)
   
   [http://css-tricks.com/snippets/css/media-queries-for-standard-devices/](http://css-tricks.com/snippets/css/media-queries-for-standard-devices/)
   [http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries](http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries)
 * Let me know how it goes.
 *  Thread Starter [ryanmacmorris](https://wordpress.org/support/users/ryanmacmorris/)
 * (@ryanmacmorris)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244835)
 * That doesn’t seem to be changing the size at all, unless I’m forgetting to purge
   a cache somewhere, but it is good to know the breakpoint the theme uses without
   having to dig through he stylesheet so I can maybe play around with what will
   enlarge the logo. I will update here if I figure out what styles need to be overridden.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244841)
 * Hmm. It works for me.
 * The CSS I gave you isn’t quite the same as what I see on your site.
 * What I provided:
 *     ```
       @media only screen and (min-width: 90.063em) {
         .home .site-logo {
           max-width: 500px;
         }
       }
       ```
   
 * What you have in your child theme:
 *     ```
       @media only screen and (min-width: 90.063em) {
         .home .site-logo {
           width: 50%;
         }
       }
       ```
   
 * Also, are you sure your test screen is large enough to trigger the CSS? To test
   this, lower the min-width to another value. You can also use a pixel value instead
   of ems, say 1024px.
 *  Thread Starter [ryanmacmorris](https://wordpress.org/support/users/ryanmacmorris/)
 * (@ryanmacmorris)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244846)
 * Thanks, I was playing with what you gave me and ended up leaving it wrong I think.
   It’s working great now though thanks for the help.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244852)
 * Great, I’m glad you’re all set. I’ve marked this thread as resolved.

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

The topic ‘Make Logo Larger’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/harmonic/1.1.2/screenshot.png)
 * Harmonic
 * [Support Threads](https://wordpress.org/support/theme/harmonic/)
 * [Active Topics](https://wordpress.org/support/theme/harmonic/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/harmonic/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/harmonic/reviews/)

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 5 replies
 * 2 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/make-logo-larger/#post-6244852)
 * Status: resolved