Aligning Search Bar Design Between Themes

This topic has 5 replies, 2 voices, and was last updated 6 months ago by Hung Pham.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 30, 2024 at 2:50 pm #593935

laportemario77
Participant

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.

August 31, 2024 at 4:31 pm #594149

Hung Pham
Keymaster

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,

August 31, 2024 at 8:40 pm #594177

laportemario77
Participant

Hello,

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

Thanks to you, have a nice evening.

September 1, 2024 at 4:03 pm #594248

Hung Pham
Keymaster

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,

September 1, 2024 at 4:48 pm #594252

laportemario77
Participant

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?

September 3, 2024 at 4:38 am #594674

Hung Pham
Keymaster

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