徽标在移动版二十三主题wordpress上被切断

Question

I am using the twenty thirteen theme, and on my mobile, the logo gets cut off.

I have tried lots of different css coding,the last I tried was:

.site-header .home-link {

    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-height:130px!important;
    padding:20px;
    text-decoration: none;
}

Anybody that has any ideas on how to fix the issue? The webpage is: https://www.larvigaladan.se

Answer 1

The issue appear to be in your CSS in index.php on line 172:

Change

.site-header {
    background-size: 768px auto;
}

To

.site-header {
    background-size: 100% auto;
}

Edit: I just noticed this is wordpress... so you can add that css to your custom css if you can not find the code directly.

https://en.support.wordpress.com/custom-design/editing-css/