If in Betheme -> Theme options -> Search -> Form, you change the search option to search only through the products, the search result page will have the same layout as your shop archive.
When we are viewing it over mobile the search box is appearing in left and getting out of screen. How can we fix it and take it centre of screen and we want the products to show on the top then the categories. Thanks
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Can you also guide me how we can customise the search result page? Currently it is appearing in not a very appealing format. We would like to appear similar to Product listing page. We also like to change the size title of the page.
Did you manage to find the solution for the search. When enter is pressed or clicked the button below the UI is not as per the theme. How do we fix it?
Comments
Hi,
If in Betheme -> Theme options -> Search -> Form, you change the search option to search only through the products, the search result page will have the same layout as your shop archive.
Best regards
When we are viewing it over mobile the search box is appearing in left and getting out of screen. How can we fix it and take it centre of screen and we want the products to show on the top then the categories. Thanks
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
https://winkaccessories.in/
Please use the following CSS code:
@media only screen and (max-width: 767px){ .mfn-header-tmpl .column_header_search .mfn-live-search-box{ left: 0!important; } }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
Thanks for the help. Kindly also help how I can get the products on the top of search and categories below it.
Please let me know how to get it done.
Do you mean the search field?
If yes, try the following CSS code:
.search_wrapper .mfn-live-search-list{ display: flex; flex-direction: column-reverse; }Best regards
Thanks. It has resolved the issue.
Can you also guide me how we can customise the search result page? Currently it is appearing in not a very appealing format. We would like to appear similar to Product listing page. We also like to change the size title of the page.
Product listing page - https://winkaccessories.in/shop/
Search page - https://winkaccessories.in/?s=lil&mfn_livesearch&searchpage
Where did you get this link?
I used the search field, and it looks like this:
Best regards
I got it. You typed in the seachbox and clicked enter. This is what I want but still the fonts are off. We need to fix it.
In the bottom of the search box there is a link and when you click on that link I get that listing? See the image below.
Alright, thanks for the explanation.
I have passed it on to the development team, and we will look into this closely.
Best regards
In the meantime how can I hide the see all result button?
Please use the following CSS code:
.mfn-live-search-box .button{ display: none!important; }Best regards
Did you manage to find the solution for the search. When enter is pressed or clicked the button below the UI is not as per the theme. How do we fix it?
It was resolved in the last update.
You can find the changelog here: https://support.muffingroup.com/changelog/.
Best regards