How to create amezone style mobile search header

Hello Xtemos team, I want to create an amazon style mobile search-header which show menu icon then search bar and then cart icon when to scroll, I tried to build it my self in your’s themes header builder but not getting it please help and tell me how I can create it in the header builer.
I have also attached a Kapee theme header image in attachment which provide mobile sticky header like amazone

Attachments:

You must be logged in to view attached files.

Hello,

Our search is based on the default Woocommerce functionality. The Woocommerce search does not have the same structure. Please try to search for a speacial plugin for this purpose.

Best Regards

I think it more with the header builder because I am able to make it like an amazon sticky mobile header but unable to get the menu icon and cart icon on it when it stick on scrolling please check the attached images now

Attachments:

You must be logged in to view attached files.

Hello,

You can switch to the mobile view of the header https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/ and configure which rows to show on mobile and which elements. https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/ Please note, if a row is sticky on the desktop it would be sticky on mobile as well. Make one row visible and sticky and insert the elements you need.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts