[Yerunis]

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!

[Mahesh]

@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

[Yerunis]

Thank you very much! It worked.

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

[Kardaya]

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

[Mahesh]

@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