Canvas Support

header logo help

3 replies · opened Jul 9, 2018

LlinescttJul 9, 2018

I adjusted my logo so that it is 325 x 99px. It is still expanding it to the full dimensions, and I want it to be as small as the demo canvas logo. What can I do?

SSemicolon WebSTAFFJul 11, 2018

Hello,

By default, the Logo's Height 100px includes the Top/Bottom Padding for the Logo (usually we do this by changing the Canvas Size in Photoshop). But since you are using a Logo without any Padding, you can simply consider adding a Top/Bottom margin:

#logo img {
	margin-top: 20px;
	margin-bottom: 20px;
}

#header.sticky-header #logo img {
	margin-top: 10px;
	margin-bottom: 10px;
}

You can adjust this depending on the Size of Logo you need. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

LlinescttJul 11, 2018

Hi, thanks.

Now I have the problem of the line going through. What can I do?

SSemicolon WebSTAFFJul 17, 2018

Hello,

Thanks for your Patience! Please use this code: 

#logo img {
    height: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard