Logo Width

5 replies · opened Jun 26, 2017

BboomboatJun 26, 2017

Folks - where in the css do I allow for a logo wider than current sizing

SSemicolon WebSTAFFJun 27, 2017

Hello,

The Logo Size is flexible. There is no need to add any codes to make the Logo Wider. Simply use a Wider Logo and the Logo Area will automatically expand.

Hope this Helps!

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

TtreddingerNov 7, 2017

Is there a max width? On mobile, my logo get distorted...

SSemicolon WebSTAFFNov 9, 2017

Hello,

Yes can now notice your issue. This can be fixed easily! Can you please provide us with a Live URL so that we can check out the exact dimensions of the Logo and provide you with the accurate CSS Codes for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFNov 12, 2017

Hello,

Please follow the Steps below:

  1. Remove scale="0" and width="550" height="100" scale="2" from the Logo img Tags.

  2. Now, you can simply target the Logo Height using the Responsive Classes. Consider using the following code for Mobile Landscape and Portrait Devices:

.device-xs #logo img {
	height: 70px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.device-xxs #logo img {
	height: 50px;
	margin-top: 25px;
	margin-bottom: 25px;
}

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.

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