[Support request] Make mobile logo bigger

[Victor]

how can i make the logo on mobile bigger thanks in advance

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Victor]

Thanks David

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Praveen]

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/

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts