Title: Make Logo Responsive Last modified: October 7, 2016 --- # Make Logo Responsive * Resolved [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/) * How do I get the logo to resize to the correct size for mobile devices? The theme changes to being responsive but the logo does not and thus runs off the screen. * I’ve tried searching the interwebz but the theme being called “Make” causes issues when results are returned. Viewing 11 replies - 1 through 11 (of 11 total) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6780906) * Hey there amsgator, * How are you doing today? * I’m not really familiar with the theme but I’m pretty sure we could change that with some custom CSS. * Would you mind pasting a link to your site so I can take a look? * Cheers, Bojan * Thread Starter [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6780915) * Right now it’s currently in maintenance mode so the only public page is: * [http://www.gainesvillestrength.com/contact/](http://www.gainesvillestrength.com/contact/) * I think it will have everyone on it you need, i.e. css etc. * Thread Starter [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6780935) * Here is what it looks like: * [http://i78.photobucket.com/albums/j111/amsgator/578E8C40-A8E4-4880-A6FB-79B2FB6567B6_zpsgvwhhruq.png](http://i78.photobucket.com/albums/j111/amsgator/578E8C40-A8E4-4880-A6FB-79B2FB6567B6_zpsgvwhhruq.png) * Thread Starter [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6780999) * Nevermind. I’m changing themes to one that is working better. * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 6 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6781017) * Fair enough 🙂 * Cheers, Bojan * Thread Starter [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 5 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6781075) * If someone has a solution to this I’m considering going back to Make. With the logo running off the responsive page I can’t make it happen. * There’s got to be some CSS that can force the logo to resize to the width of the screen but I can’t get it to work. * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 5 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6781076) * Hey again amsgator, * As I said before this should be easily done with CSS. Please try adding the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes) or if your theme doesn’t have custom CSS tab add it in your site using the following plugin: * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css) * ``` @media screen and (max-width: 768px) { .no-site-title.no-site-tagline .custom-logo { max-width: 100%; } } ``` * Happy holidays! * Cheers, Bojan – WPMU DEV * Thread Starter [amsgator](https://wordpress.org/support/users/amsgator/) * (@amsgator) * [10 years, 5 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6781077) * It looks like that will work. * What is the purpose of the: * `.no-site-title.no-site-tagline` * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 5 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-6781078) * Hey again, * These are just classes from your header element, added for some specificity so nothing you should really worry about. * Best regards, Bojan * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [9 years, 7 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-8262099) * Hey there [@wesley_durai](https://wordpress.org/support/users/wesley_durai/), * Please try the following CSS code: * ``` .logo img.custom-logo { max-width: 100%; height: auto; } ``` * Also in the future please open your own new thread rather than posting in old resolved ones like this one. * Hope this helps! * Cheers, Bojan * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [9 years, 7 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-8262315) * Hey Sanna, * Glad to hear that worked 🙂 * We’re not allowed to do that nor we should be posting our emails here. You can read more about forum guidelines here [https://codex.wordpress.org/Forum_Welcome](https://codex.wordpress.org/Forum_Welcome). * This forum has many volunteers that can help you out with issues such as the one you had so there is no reason to contact people outside of this forum 🙂 * have a great weekend! * Cheers, Bojan Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Make Logo Responsive’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/make/1.10.9/screenshot.jpg) * Make * [Support Threads](https://wordpress.org/support/theme/make/) * [Active Topics](https://wordpress.org/support/theme/make/active/) * [Unresolved Topics](https://wordpress.org/support/theme/make/unresolved/) * [Reviews](https://wordpress.org/support/theme/make/reviews/) * 13 replies * 3 participants * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/make-logo-responsive-1/#post-8262315) * Status: resolved