Home › Forums › WoodMart support forum › Searchar

Searchar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 19, 2024 at 8:34 pm #606248

    rahmat.wpdev
    Participant

    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

    October 21, 2024 at 11:49 am #606436

    Hung Pham
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)