Ecommerce Shopify WordPress Discussion

<?php get_search_form(); ?> cannot show on my web

I am writing a navigation bar, and I want to add a search bar on it. <nav> <div class="wrapper"> <input type="radio" name="slide" id="cancel-btn"> <input type="radio" name="slide" id="menu-btn"> <?php wp_nav_menu(array( 'theme_location' => 'primary', "menu_class" => "nav-links", "items_wrap" => '<ul class="%2$s">%3$s</ul>', 'container' => false, "walker" => new Custom_Menu_Walker(), )); ?> <div class="icon-list"> <!-- for fb coneection --> <a href="" target="_blank" id="fb"><i class="fa-brands fa-facebook-f"></i></a> <!-- for ig coneection --> <a href="" target="_blank" id="ig"><i class="fa-brands fa-instagram"></i></a> <!-- for mail coneection --> <a href="峰的部落格 讀者來信了喔!!" target="_blank" id="mail"><i class="fa-solid fa-envelope"></i></a> <!-- for search --> <!-- <a href=# target="_blank" id="search"><i class="fa-solid fa-magnifying-glass"></i></a> --> <?php get_search_form(); ?> </div> <label for="menu-btn" class=" btn menu-btn"><i class="fas fa-bars"></i></label> <!-- for the RWD bar icon --> </div> </nav> But the search bar on the web is 33.33x0 (show as picture below) enter image description here How can I solve it? Best regards I want to make it appear in my navigation bar (If I move out of the tag, it will show, and I have no idea why)
I have found the reason: I set the CSS : .wrapper input { display: none; } which will effect the wordpress comment form for showing.

February 26, 2024

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.