Mobile Logo Size

Hi Francesco,

Try this CSS to increase the logo size:

@media (max-width: 1023px){
.site-logo.mobile-header-logo img.is-logo-image {
    height: 80px;
}
}

For the mobile menu, try this:

.slideout-navigation.main-navigation .main-nav ul li a {
    line-height: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

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

Hi Ying,

many thanks for the answer.

The code you gave me for the mobile menù works. Many thanks.

The first one, for the logo size in the mobile menù doesn't work. The logo is SVG.

Please, let me know.

Francesco

Hi there,

i can see the CSS being applied - the CSS is setting it to height: 50px;
Can you try clearing browser caches to see if it changes ?

Hi David,

that's strange... I removed the CSS Ying gave me.

Here's the screenshot from another browser (anonymous browsing): https://www.dropbox.com/s/uv1d8wfy6udt42t/Schermata%202021-10-08%20alle%2018.15.15.png?dl=0

Many thanks in advance.

Francesco

Can you disable your cache plugin and add the 1st CSS I provided back so we can see what's going on there?

Done.

Many thanks

Is that now working correctly ?

No, sorry. The logo always remains the same size.

I don't see the CSS has been added to your site.

How did you add the CSS?

Here: https://www.dropbox.com/s/6tspy35iuptzhc1/Schermata%202021-10-10%20alle%2019.55.40.png?dl=0

The logo is an SVG file

Ah I'm very sorry, there was a typo in my CSS, can you give it another try?

@media (max-width: 1023px){
     .site-logo.mobile-header-logo img.is-logo-image {
          height: 80px;
    }
}

It's working.

Many many many thanks.

No problem :)