[Resolved] how to control logo size in tablet and mobile view

[Gianfranco]

Is there a way to control the size of the Nav logo in tablet and mobile view?

http://summitip.net/

i finally have everything working perfectly in desktop view with logos swapping out with sticky nav. i just need to make logo larger or eliminate it in mobile & tablet. Any suggestions? Thanks.

[Leo]

Hi there,

You should be able to achieve that look by:
– Uploading the white logo in customizer > Site Identity
– Setting navigation to Float right: https://docs.generatepress.com/article/navigation-location/
– Upload the green logo as Navigation Logo and set it to sticky onlu: https://docs.generatepress.com/article/navigation-logo/

Then it should behave better at responsive width.

Try that and I can another look. Thanks!

[Gianfranco]

I think the problem with what you’re saying is if i make the green logo sticky only it will not show on all other pages.

The settings i have now are the green logo in the primary navigation, set to static and sticky. This logo appears on all the pages except homepage

I set Merge with site header in the Page Header feature and overwrite the green logo to the white logo and set this header for the homepage only.

i noticed also the that all pages in mobile view are extremely small.

[Leo]

Can you try increasing the navigation height with mobile toggle turned on?
https://docs.generatepress.com/article/menu-item-height-width/#height

And also remove the padding around the logo:

@media (max-width: 768px) {
    .main-navigation .navigation-logo img {
        padding: 0;
    }
}

[Gianfranco]

Sorry i didn’t see that adjustment in customizer. Wow, love this theme. It just gets better and better. Thanks your help!

[Leo]

No problem!

[Author]

Posts