Modifying logo size

Home » Docs » Modifying logo size

If you’re using a little big logo for your website, you often might find it a bit troublesome it on phones. As the logo might not resize automatically.

Here’s a simple way to fix this issue by adding some custom CSS:

@media (max-width: 480px) {
	.custom-logo {
		max-width: 100px; // replace with the max-width you want it to be
	        width: 100px;
	        height: 100px;
        	background-size: contain !important;
	}
}
Last updated on November 8, 2023

Search docs

In this category