# media query for logo

**URL:** <https://colorlibsupport.com/t/media-query-for-logo/16526>\
**Category:** Illdy\
**Created:** [June 9, 2017, 4:49pm UTC](https://colorlibsupport.com/t/media-query-for-logo/16526 "2017-06-09T16:49:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kimberly](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/f4b2a3/32.png) [@kimberly](https://colorlibsupport.com/u/kimberly)\
**Post date:** [June 9, 2017, 4:49pm UTC](https://colorlibsupport.com/t/media-query-for-logo/16526/1 "2017-06-09T16:49:35Z")

</div>

On mobile view the logo is blocking the menu. How can I make the logo responsive?

[www.demingcircle.com/services](http://www.demingcircle.com/services)

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [June 13, 2017, 12:00pm UTC](https://colorlibsupport.com/t/media-query-for-logo/16526/2 "2017-06-13T12:00:00Z")

</div>

Hello there,

I hope you are doing well today.

You can use the following CSS code to adjust the logo by going to Appearance \> Customize \> Additional CSS and pasting it there.

```auto
/*Logo resize*/
@media screen and (max-width: 1000px) and (min-width: 520px) {
.top-header img {
    height: 50px;
}
}

```

Best Regards,  
Support