Responsive Logo

2 replies · opened Aug 20, 2021

SsilkysackAug 20, 2021

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

SSemicolon WebSTAFFAug 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:
[ch_pre type="css"]@media (max-width: 767.98px) {
#logo img {
height: 60px;
margin-top: 20px;
margin-bottom: 20px;
}
}[/ch_pre]

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.

SsilkysackAug 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