Responsive Logo

2 replies·opened Aug 20, 2021
S
silkysackAug 20, 2021

Hello, is there anything prebuilt to have the logo on the main header resize a bit smaller when sized to mobile version?

S
SemiColonWebSTAFFAug 20, 2021

Hello,

Since, the Logo Area is flexible, you can consider making your Logo smaller to fit the area using the following CSS Code:

@media (max-width: 767.98px) {
	#logo img {
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

You can adjust the values according to your needs. Hope this Helps!

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

S
silkysackAug 20, 2021

Great! Thanks!

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