Search icon instead of search filed on BSv6

[balrogmedia]

Hello,
by default my search on the navbar has the search field:

but I like more the the option of the icon only, with the search filed opening under the navbar like here

would you be so kind to let me know how to achieve this?

Thank you for your time

[crftwrk]

Answered here https://github.com/orgs/bootscore/discussions/290#discussioncomment-9568590 as well.

Go to bootscores root folder to template-parts/header/ and override actions.php and collapse-search.php by copy them to your child using the same folder structre template-parts/header/[file].php.

Now replace entire content:

actions.php

<?php

/**
 * Template part for displaying the header-actions
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Bootscore
 * @version 6.0.0
 */


// Exit if accessed directly
defined('ABSPATH') || exit;

?>

<!-- Search toggler -->
<?php if (is_active_sidebar('top-nav-search')) : ?>
  <button class="<?= apply_filters('bootscore/class/header/button', 'btn btn-outline-secondary', 'search-toggler'); ?> ms-1 ms-md-2 search-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-search" aria-expanded="false" aria-controls="collapse-search">
    <i class="fa-solid fa-magnifying-glass"></i><span class="visually-hidden-focusable">Search</span>
  </button>
<?php endif; ?>

collapse-search.php

<?php

/**
 * Template part for displaying the top-nav searchform collapse widget
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Bootscore
 * @version 6.0.0
 */


// Exit if accessed directly
defined('ABSPATH') || exit;

?>


<!-- Collapse Search -->
<?php if (is_active_sidebar('top-nav-search')) : ?>
  <div class="collapse <?= apply_filters('bootscore/class/header/collapse', 'bg-body-tertiary position-absolute start-0 end-0'); ?>" id="collapse-search">
    <div class="<?= apply_filters('bootscore/class/container', 'container', 'collapse-search'); ?> pb-2">
      <?php dynamic_sidebar('top-nav-search'); ?>
    </div>
  </div>
<?php endif; ?>

Solved?

[balrogmedia]

works great, thank you!

[crftwrk]

You're welcome 👍. Please mark answer as solved.

[crftwrk]

I reopen this, because other users may have the same question.