Logo on Mobile/Tablet doesn't scale correctly

This topic has 4 replies, 3 voices, and was last updated 8 years, 6 months ago by Mahesh.

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

Author

Posts
April 27, 2016 at 9:36 am #90492
Yerunis
Participant
Hello Catchthemes-Team,

I’m really enjoying your theme so far, good work!
However, I was just setting up my new blog right now when I encountered some weird scaling issues with my logo on mobile resolutions. It appears very wide and somewhat distorted. The quadratic shape is gone. Could some Custom CSS fix this?

Here are my current CSS-Inputs
```
#header-right-search { display: none; }

p {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
#masthead .wrapper {
    text-align: center;
}
#site-branding {
    display: inline-block;
    float: none;
    margin: 0 auto;
}

#masthead .wrapper {
    position: relative;
}

@media screen and (min-width: 960px) {
	.sidebar-header-right {
    position: absolute;
    right: 0;
    top: 0;
}

#masthead {
padding: 5px 0;
}
```
mattscheiben-talk.de
Thanks in advance!
April 27, 2016 at 12:48 pm #90518
Mahesh
Participant
@yerunis: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
```
@media screen and (max-width: 990px) {
    #site-logo img {
        max-height: none;
    }
}
```
Note: In your custom CSS, you are missing a } for @media screen and (min-width: 960px) { please put a closing brace before using the given code.

Regards,
Mahesh
April 27, 2016 at 4:17 pm #90541

Yerunis
Participant

Thank you very much! It worked.

And thanks for the note, too. Missed that one!

April 29, 2016 at 11:22 pm #90717

Kardaya
Participant

This fix gives me a HTTP error when uploading new images for “Gridalicious Pro” template. Do you have an alternative fix?

May 3, 2016 at 10:33 am #90897

Mahesh
Participant

@ksroopria: The above code is the CSS only, the HTTP error should have because of the above code, may be some plugin is causing the issue. Try disabling plugins if you are using any and check again. It may also be the server’s issue, check if the uploading is working fine with other theme (WordPress core theme). If the problem persists with other themes too then its not a theme issue.
Let me know if any problem.

Regards,
Mahesh
Author

Posts