[Resolved] New navigation search modal not working (search icon won’t display)

Hi there,

Can you check if you have your “Icon Type” set to “SVG” vs “Font” in “Customize > General”. Looks like this may be a bug with the “Font” feature.

If not, are you using the “Floats” value for the “Structure” option in the same section?

Looks like the bug is can happen if either of those options are selected.

If you can’t change those options (to “SVG” and “Flexbox”), you can use the following filter to turn the old navigation search back on:

add_filter( 'option_generate_settings', function( $settings ) {
    $settings['nav_search'] = 'enable';

    return $settings;
} );

Let me know 🙂

Hi Peer,

Try adding this through Appearance > Customize > Additional CSS:

.gp-search-modal .gp-modal__overlay {
    background-color: #aaaaaadd;
}

For further customization, you can also use a Block Element – Search Modal.