Canvas Support

Text instead of logo

3 replies · opened Oct 29, 2016

JjuanleOct 29, 2016

Hello, firstly thanks for your great support.

Is it possible to replace the company logo by company flat text? I have tried but I did not manage to get a good effect and design across devices. Do you have any suggestion to address that issue?

I am using the header type with transparent background

Thanks

SSemicolon WebSTAFFNov 2, 2016

Hello,

This is Definitely Possible. Please consider using the following CSS Code: 

#logo {
	font-weight: bold;
	line-height: 100px;
}

body:not(.top-search-open) #header-wrap #logo {
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease, line-height .4s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease, line-height .4s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease, line-height .4s ease;
}

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo { line-height: 60px; }

And the HTML Code for the Logo Area will be: 


	[Canvas](index.html)
	[Canvas](index.html)

This will definitely work fine. Thanks for your Patience.

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

KKelseyRBSep 4, 2017

This did not work for me. Rather, my navigation bar fell out of line with my logo for an even more awkward feel. Before, when my text-logo meant to resize, it simply moved down so that the text was partially underneath the navbar.

SSemicolon WebSTAFFSep 5, 2017

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution 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.

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