Archived topic
how to control logo size in tablet and mobile view
5 replies · Started by Gianfranco on September 18, 2017
Is there a way to control the size of the Nav logo in tablet and mobile view?
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.
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!
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.
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;
}
}
Sorry i didn't see that adjustment in customizer. Wow, love this theme. It just gets better and better. Thanks your help!
No problem!