Searchar

Hello,
1. How to move the select category option from the searchbar https://prnt.sc/P5Z7XuIjfVdt to the left like amazon? https://prnt.sc/3iNXJ6PZLebM

Because when we use the full-width header, it’s difficult for customer to select category and write the keyword due the the long distance

2. When we use a border or separated style of the select category feature, why there is a border on the right side? can we remove it? it’s not looking good as there is no content on the right side https://prnt.sc/uV0LFlYTghEn

Thanks

Hello rahmat.wpdev,

Thanks for reaching to us and appreciate your patience.

1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

@media (min-width: 769px) {
	form.searchform.wd-with-cat input[type="text"] {
		padding-inline-end: 0;
		padding-inline-start: calc(var(--wd-search-cat-w) + var(--wd-search-btn-w) + 15px);
	}
}

form.searchform input[type="text"] {
	padding-right: 0;
	padding-left: var(--wd-search-btn-w);
}

div.wd-search-cat {
	inset-inline-end: 0;
	inset-inline-start: var(--wd-search-btn-w);
}

div.wd-search-cat>a {
	padding-line: 0;
	border: 0;
}

div.wd-dropdown-search-cat{
	right: auto;
}

2. Please provide URL of the mentioned page, so I can take a closer look.

Regards,

[Author]

Posts