Julia Wawrik
asked 11 years ago

At the moment the standard logo size is 90*230. Is there a possibility to change the logo size?

1 Answers
DominicStaff
answered 11 years ago

Hello Julia !
To increase size of logo in header (E.g: 450x70px), you can do as the following:
Step1: Log in to Dashboard > Appearance > Widgets > Header, delete all the Text widgets in the Header section. 
Step 2: Go to Dashboard  > Appearance >  Customize > General Settings, add the following code to the Header Code:

   <style>
.site-header #header {
    background: none;
}

#branding {
    width: 450px !important;
}

.site-header #branding a {
    width: 450px;
    height: 70px;
}
</style>

Notice: You can change the width & height in the code.
– To make logo bigger on the mobile/ ipad version please add following code to Header Code in Dashboard  > Appearance >  Customize > General Settings

   <style>
@media (max-width: 979px) {
.wrap-navigation .small-logo {
webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
}
}
</style>

Hope this helps !

Powered by DW Question & Answer Pro