# Logo @Mobile is cut off

**URL:** <https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830>\
**Category:** Shapely\
**Created:** [August 21, 2016, 8:30pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830 "2016-08-21T20:30:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nanyyyy](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/b77776/32.png) [@nanyyyy](https://colorlibsupport.com/u/nanyyyy)\
**Post date:** [August 21, 2016, 8:30pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/1 "2016-08-21T20:30:50Z")

</div>

Hello,  
first of all I would like to say, that I’m so impressed of these Theme.  
Thank you!

My question is about the design of the theme on mobile devices.  
I set a logo with a min-width/min-height and everything works fine for me on desktop versions.  
The logo overlaps the header navigation bar, which looks really cool,  
but at the moment where the window is so small that the loupe switches to the 3 menu lines,  
the logo is the same size (should so) but is cut off.  
I attached an image (before and after resize), which should better explain my problem,  
I hope someone could help me or give me hint!

best regards, thank you

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 22, 2016, 12:11pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/2 "2016-08-22T12:11:55Z")

</div>

Hi @nanyyyy,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![nanyyyy](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/b77776/32.png) [@nanyyyy](https://colorlibsupport.com/u/nanyyyy)\
**Post date:** [August 22, 2016, 6:44pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/3 "2016-08-22T18:44:54Z")

</div>

Hello,  
it is [https://imsalzatal.at/](https://imsalzatal.at/).  
Maybe it is a very strange question, sorry I am really new to using wordpress themes.  
thank you, best regards  
nany

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 23, 2016, 1:34pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/4 "2016-08-23T13:34:36Z")

</div>

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Shapely Options -\> Other

```auto

@media (max-width: 991px){
.container.nav-bar{
    overflow: visible;
}
#page .nav-bar .row > .module.left{
      width: 40%;
}
#page .nav-bar .row > .module.left > a {
    height: auto;
    float: left;
    width: 100%;
}
img.logo {
    max-width: 40%;
}
}

```

---

<div class="post-metadata">

**Author:** ![nanyyyy](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/b77776/32.png) [@nanyyyy](https://colorlibsupport.com/u/nanyyyy)\
**Post date:** [August 23, 2016, 4:48pm UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/5 "2016-08-23T16:48:20Z")

</div>

Hello,  
thank you for your fast reply.  
The problem, that the logo is cut off, is gone 🙂 but the header is very big at the mobile version, maybe I can remove the site search? Is it possible, otherwise is it possible to change the language of the site search?  
Thank you very much, kind regards

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 24, 2016, 10:36am UTC](https://colorlibsupport.com/t/logo-mobile-is-cut-off/11830/6 "2016-08-24T10:36:43Z")

</div>

> maybe I can remove the site search?

You can remove it on mobile screens using the below CSS code.

```auto
@media (max-width: 991px){
.module.widget-handle.search-widget-handle.left{
  display: none;
}
}

```