Categories
bigcommerce Bigcommerce Cornerstone Light Theme bigcommerce stencil theme CSS stencil

increase logo size on mobile devices in Bigcommerce cornerstone light theme

Paste below SCSS at theme.scss last line.

@media (max-width:801px) {
	body {
		padding-top: 80px;

		.header {
			height: 80px;

			.header-logo {
				height: 70px;

				.header-logo-image {
					max-height: 70px;
				}

			}

		}

		.navPages-container.is-open {
			padding-top: 80px;
		}

		.skip-to-main-link {
			transform: translate(-50%, calc(-100% - 80px));
		}

	}

}