Aligning Search Bar Design Between Themes

Hello,

Do you know how to get the product search bar of the new “Vegetables” theme to look the same on the default Woodmart theme? The design is very nice and responsive, but I can’t get the same result on the default theme. I’ve attached some screenshots below.

Thank you, have a nice day.

Attachments:

You must be logged in to view attached files.

Hi laportemario77,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you due to the weekend.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hello,

I’ve added the login/password in the private area.

Thanks to you, have a nice evening.

Hi laportemario77,

Thanks for details.

The template you are using is default not Vegetables template. Can you please describe in more details for better understanding?

Regards,

Yes, I’m using the default template.
But as explained in my first post, I would like to have the design of the search bar used in the vegetables template but in the default template.
Is this possible, since all the elements are supposed to be the same regardless of the design?

Hi laportemario77,

First of all, I’m really sorry have taken long time to reply you due to my National Day.

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to Mobile tab and add Search element to the header https://prnt.sc/FYsgfSIbphRv

You can create a dev site and import any template there, then with the help of the import functionality of Elementor you can export HTML Blocks, more detail is here: https://elementor.com/help/template-library/

Devsite – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it:

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Then, please read our documentation on how to import/export header: https://xtemos.com/docs-topic/how-to-export-import-headers/

Regards,

[Author]

Posts