Return to previous page

Add Visible Search Bar to Default Header

This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

thisisbolo

Participant

December 11, 2017 at 06:32

Trying to add a visible search bar to headers > xstore.php similar to headers > advanced.php with the category dropdown. Want to replace the default search icon with visible search bar and shopping cart icon beside. Any suggestions? Can’t seem to find the function to copy/paste.

Closest I got was to paste into the file but this loses the category dropdown. I’m sure there’s other users that have asked this question.

<?php etheme_search_form( array(
‘action’ => ‘default’
)); ?>

#179804 Copied Theme version: Latest WooCommerce version: Latest

1 Answer

Rose Tyler

Support staff

December 11, 2017 at 09:56

Hello,

You may use search code that you found. The categories block is hidden https://prnt.sc/hlvkxg, so you need to change it using custom css code (Thame Options > Styling > Custom css, or add your custom css code in style.css file of child theme).
If you have CSS skills you may play around with styles.
Feel free to ask if you have any questions.

Regards

#179834 Copied
Tagged: header, search bar, visible, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Typography – WordPress WooCommerce Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

WooPress – WooCommerce WordPress Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.