[Thai]

I understand the logo size is currently limited to 170×110, but can we over-ride this with custom CSS?

What code can I use to make the logo bigger?

I’m trying this but it doesn’t work.

.logo {
max-height:200px;
width: auto;
}

Can you provide the proper custom CSS to increase the logo size?

[Althemist]

Hello Thai,

We can give you the code, but that could lead to many other unpredictable problems with the header layout, so you’re doing it on your own risk.

You’d need to strictly specify the width and also assign negative margin-left half of the width:

#header #logo {
    width: your-width-here (e.g 300px) !important;
}
#header.lafka-has-header-top #logo {
    margin-left: -half-of-the-width (e.g. -150px);
}
#header #logo img {
    width: auto;
    max-width: 100%;
    max-height: 200px;
    height: auto;
}

[Author]

Posts