Skip to the content
bigcommerce stencil themebigcommerce stencil themes
bigmadness.com
  • Free Theme
  • Add-ons
  • Tips & Guide
  • Quote
  • Support
  • Free Theme
  • Add-ons
  • Tips & Guide
  • Quote
  • Support
Categories
bigcommerce Bigcommerce Cornerstone Light Theme bigcommerce stencil theme CSS free bigcommerce stencil theme stencil

bigcommerce cornerstone theme bigger logo on mobile device

  • Post author By minu
  • Post date March 15, 2023

copy and paste below CSS at  Site Verification Tags or Visual Website Optimizer

a quick video guide for custom CSS for dummies

 

Your browser does not support the video tag.

<style>
:root {
  --logo: 80px; 
}
@media (max-width:801px) {
	.header {
		height: var( --logo); 
	}

	body,.navPages-container.is-open {
		padding-top: var( --logo);
	}

	.skip-to-main-link {
		top: 0px;
	}

	.header-logo {
		height: var( --logo);
	}

	.header-logo-image-unknown-size,.header-logo-image {
		max-height: calc(var(--logo) - 20px);


	} 

	.navUser ul li.navUser-item--cart { 
		padding-top: 20px;
	}
	.mobileMenu-toggle { 
		top: 10px;
	}

}
</style>
  • Tags bigcommerce cornerstone theme bigger logo on mobile device, logo, mobile device, mobile logo

← same line category and top navigation include cart – bigcommerce cornerstone theme → bigcommerce page builder – 2 column layout for mobile

  • Refund Policy
  • Terms & Conditions
  • © 2019 Bigmadness.com – Bigcommerce Stencil Themes & Apps

© 2023 bigcommerce stencil themes

Powered by WordPress

To the top ↑ Up ↑