Make mobile logo bigger

Hi there,

the Site you imported is using CSS to size the mobile logo. Go to Customizer > Additional CSS and look for this:

/* Mobile Navigation Breakpoint */
@media (max-width: 922px) {
	.site-logo {
    width: 140px; /* Change this size */
    margin: 0 auto 32px auto!important;
    display: block;
}

Change the width - i have added a comment on that line.

Thanks David

You're welcome

Hi, I tried to add the above code but it messes up the alignment of the logo and the menu at the right. Can you please help. here is the link - https://thewatercritic.com/most-water-polluted-cities-usa/

Hi there,

To make your mobile logo bigger, try increasing the menu item height option (for mobile) in Customize > Layout > Primary Navigation.

Let me know :)