Mobile Icon Larger and Bold

Hi Austin,

It's not possible to make an SVG icon bold with CSS but we can certainly increase the size with this CSS:

@media (max-width: 768px) {
    .main-navigation .menu-bar-item.search-item a {
        font-size: 25px;
    }
}

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

Let me know if this helps :)

That works for the search icon, but not the menu icon. Is there a way to increase that?

You could try this instead:

@media (max-width: 768px) {
    .main-navigation .menu-bar-item.search-item a, .main-navigation .menu-toggle {
        font-size: 25px;
    }
}

Hey Ying,

That worked. Thanks

You are welcome :)