[Resolved] Search bar is not only disappearing but also showing odd icons

Hi Kor,
Here is the loom (no-audio)
hidden link

Explanation of video :
- On translating any of the sub-menu options (product/product catg. both) to French, the search bar from above is disappearing leaving few odd symbols.

- As you can see in the video, this behavior of search bar is found only with FR and not ES translations, they are working fine.

What I suspect - I have put the Search bar string for translation and it seems to stuck in processing so far. [In SS] Can you please take a look and resolve asap.

Thanks

Any observations or suggestions here please ??

Searchbox is coded in the functions.php
below is the code, But your point here does not make great sense that it is broke,
cuz the search bar is working completely fine for Spanish language

Also, search bar was appearing perfectly fine for French also, but I have noticed this distorted behavior of search box only after I have created the menu for French language for mobile and desktop, It was after the time - (When I was asking you how to create FR and ES menu for Product menu option which is built in avada.)

// Display the search box with category dropdown

function searchbox_cate_dropdown($atts) {
// Set default attributes
$atts = shortcode_atts(array(
'mobile' => false,
), $atts);

ob_start();

// Get selected category ID from query parameters
$selected_id = isset($_GET['cat']) ? intval($_GET['cat']) : 0;

// Create the dropdown for categories
$select = wp_dropdown_categories(array(
'show_option_all' => 'Entire Site',
'show_option_none' => '',
'orderby' => 'ID',
'order' => 'ASC',
'show_count' => 0,
'hide_empty' => 0,
'child_of' => 0,
'exclude' => 1,
'echo' => 0,
'selected' => $selected_id,
'hierarchical' => 1,
'name' => 'cat',
'class' => 'form-no-clear',
'depth' => 0,
'tab_index' => 0,
'taxonomy' => 'category',
'hide_if_empty' => true
));

// Generate the search box ID based on mobile attribute
$searchBoxId = "headerSearchBox" . ($atts['mobile'] ? "Mobile" : "");

// Output the search form
?>
<div id="<?php echo esc_attr($searchBoxId); ?>">
<div class="search-box header">
<form role="search" method="get" class="search-form" action="<?php echo esc_url(home_url('/')); ?>">
<?php echo $select; ?>
<input type="text" value="<?php echo esc_attr(isset($_GET['s']) ? $_GET['s'] : ''); ?>"
title="Enter Your Search Term" class="form-control" name="s" id="s"
placeholder="Search">
<button class="btn btn-primary" type="submit">
<span class="fa fa-search"></span> Submit
</button>
</form>
</div>
</div>
<?php

return ob_get_clean();
}

add_shortcode('searchbox', 'searchbox_cate_dropdown');

Oh mhan, this is a blank sandbox, In order to replicate the issue, It will again take ages for me to setup everything, this is not a good way at all, by this way we are getting away from resolving it asap.

Please don't ask such things,,... this just seems like stretching the resolution session day-by-day and seems irritating.

Let me see, If I can create a separate staging env for you. A complete replica of the issue.

Meanwhile, please try to look into the issue on production only. Just try avoiding any critical changes.

I already have got one staging environment do you wanna use that ?
You can do whatever you want on that ? Have shared the credentials
Just that environment is not yet completely translated.

With free credits you can just translate the menus, I will create the structure and layout of menu. Basically as I mentioned earlier Search bar was appearing completely fine before I did created a french menu.

The spanish version has no such issues. Its working fine, SO I am sure there is NO CODE ERROR causing this.

Sounds GOOD to you ??

Need you attention here as well, thanks