[Resolved] Mobile navigation icon

[ammgbr]

Hi,

I have my mobile navigation set as sticky within the header.

I would be grateful for guidance how to change the hamburger/toggle icon size?

[Leo]

Hi there,

You already have this CSS added:

#mobile-header button.menu-toggle {
    position: absolute;
    right: 0;
}

So you can just add a font-size property to it:

#mobile-header button.menu-toggle {
    position: absolute;
    right: 0;
    font-size: 20px;
}

Let me know if this helps 🙂

[ammgbr]

Thank you Leo, that works.

One more think, how can I ensure that the distance between the search bar to the logo is the same as the distance of the search bar to the menu icon? It seems the search bar padding is not identical

[Leo]

You can add a line for padding-right in the CSS here:
https://generatepress.com/forums/topic/mobile-navigation-icon/#post-2554515

[ammgbr]

Thank you Leo that works

[Leo]

No problem 🙂

[Author]

Posts