Search Button and Search Field

Hello,

I need some help.

1) Search Button

I would like to move the search button from the header ( posisiton between Login and wishlist ) and put it next to the product-menu but aligned at the right side of the page not at the center like the product-menu.

2) Search overlay

At the search field there is “Search products…”
– I want to change the message to “Search…”

The search field i want to align at the center and to be 50% of the page

Thank you in advance

Hi,

1. Sorry, but it is not possible with this header layout and requires extra template files coding customization.

2. Here is a video that demonstrates how to translate strings with Loco Translate plugin https://www.youtube.com/watch?v=tAFq1yTfWfU

Regards

1) OK about the header layout.

2) I had 2 questions there

2) Search overlay

At the search field there is “Search products…”
– I want to change the message to “Search…”

-> I will try Loco-Translate there. Thank you for the Video!

The search field i want to align at the center and to be 50% of the page

– How about this?

thank you!

The search field i want to align at the center and to be 50% of the page

Could you please provide some screenshot for that?

I’m sending you a screenshot

Thank you

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to make search form 50% width and centered. But at first, you need to remove some of your previous custom code like left: -420px; width: 600; margin-left: -600px;

.basel-search-full-screen .basel-search-wrapper .searchform {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}

Regards

Thank you!

You are welcome!

[Author]

Posts