Bigcommerce Design Studio

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));
        }
 
    }
 
}