Archived topic
Logo size in mobile sticky menu
5 replies · Started by Juan Carlos on December 24, 2021
Hello.
How can I change the size of the logo in the sticky menu? Im working on this site: nerfmania.com, and in the mobile version, the logo in the sticky menu gets bigger and moves the menu icon down.
Im trying the solution of this post (https://generatepress.com/forums/topic/how-to-change-size-of-logo-on-mobile-sticky-menu/) but doesnt work for me.
Thanks.
Hi there,
go to Customizer > Layout > Sticky Navigation and set it to Desktop Only.
then in Customizer > Layout > Header enable the Mobile Headers sticky option.
Hello.
I follow the steps, but when I scroll down, the logo gets bigger again :/
Hmmm.... the optimizations are messing with the CSS order.
Try adding this CSS to ensure the mobile styles get applied:
@media (max-width: 768px) {
#mobile-header.sticky-navigation-transition .site-logo img {
height: 54px !important;
}
}Perfect, now it works!
A lot of thanks :)
Glad to hear that!!
