Skip to main content

How to increase the size of the logo and header?

Learn how to increase the size of your Walls.io logo and header with a CSS snippet.

Written by Lorenzo Goldoni
Updated this week

If you want your logo and header to appear bigger, you need to add the CSS code snippet below to your custom CSS box under Settings > Design 👇

.socialwall_header {
height: 100px !important;
}

.socialwall_container {
margin-top: 115px !important;
}

.socialwall_header.custom img.logo {
height: 80px !important;
}

After you add the CSS, your header area and logo will appear larger.

The screenshot below shows the expected result after the change.

⚠️ Warning: This CSS workaround does not work on the Kiosk layout. If your wall uses Kiosk, the logo and header size will stay unchanged.

In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!

Did this answer your question?