Zakra 3.0 Search field instead of icon

Hi @purissimo,

Thanks for reaching us,

The search icon and hamburger menu is a new icon added with the latest version of the theme. It allows displaying the search bar and menu items at a same time. However with the last update, only the hamburger icon appears if the search is disabled for the desktop devices. Otherwise, the hamburger and search icon will appear.

I hope you are clear now. Let me know of any other queries or confusion and I will get back to you.

Regards

Hi Barsha,
This time my question refers to the dektop view of a Zakra 3.0 website. As I’m testing it on a staging site I cannot provide you with a link. But you can access screenshots of the live site (Zakra 2) and the staging site (Zakra 3.0) here:
https://c.gmx.net/@324534827569124460/8dPk4987StGXGJpQ7HahZA
In the desktop version I’d like to see the icon only, so that the main menu can be displayed in one row like it is now on the live website.
Thanks for your help

Hi,
Meanwhile I found a workaround for this issue:

First I commented out the following css that the Zakra service team had inserted in my child theme’s css:
/*.zak-header-search__toggle { display: none; }*/
Thus the search-icon (magnifying glass) was displayed.

Then I hid the search form by the following css:
.zak-header-search form.search-form { display: none; }
If you now click on this icon, the search-form is dispayed in the header section by this css:
@media screen and (min-width: 768px){
.zak-main-header.zak-header-search--opened form.search-form { display:block; }
}

I would be glad if you could tell me a better and saver way to target this issue.

In this help center article https://docs.zakratheme.com/en/article/how-to-remove-the-search-icon-from-the-header-main-area-wgepo6/
I maybe found the reason for this issue: In Appearance > Customize > Header & Navigation > Header Search in my Zakra version I have only the toggle “Enable” but not the toggle “Full Search Form”, which I think would do the trick.

Regards

Hi,
I just found out the reason for the weird behaviour of the header search bar on my staging site. It is because I replaced the wordpress search by the Google Programmable Search Engine. For this I had to provide a searchform.php in the child theme. In order to work with Zakra 3.0 I had to customize the updated searchform.php. Now everything looks and works as desired!
Regards.

Hi @purissimo,

Glad to hear that the issue has been fixed and thanks for the update. Let us know of any other issues or confusion and I will get back to you.

Regards