When searching catgoery coems up

Hi,

When searching for a product on both mobile and desktop, the search results initially appear correctly. However, when pressing Enter or continuing to the results page, the product category is displayed above the search results.

On mobile devices, this means users have to scroll quite a lot before they can see the actual products they searched for.

Is there a way to ensure that the search results are shown at the top of the page?

Best regards

See video

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

See below

Hello,

I have found that you have added the product categories widget before the product grids in the custom layout created for the product archive pages, so we need to hide the product categories widget from the serach result page by using the custom CSS code. Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.search .wd-cats-element {
    display: none;
}

Best Regards.

Hi

Insted of adding this code, what will the best solution be?
Will it be better to add product grids before?
product grids, then product categories

If that is the correct or best order witch of the items in screen shot shall I edit?

Attachments:

You must be logged in to view attached files.

Hello,

Yes, it is possible by editing the layout in Elementor. I have done it for you, now you can check it on mobile after searching for the products. No, on mobile, the categories will always show after the products.

Please check the site now after removing the browser cache. I have done the following steps:

1. Duplicate the categories container
2. Move that duplicated container after the product grids container
3. Hide the first container for mobile from the Responsive settings of the container: https://ibb.co/S4pvHFdJ
4. Then hide the other duplicated container from the desktop to show only on mobile view: https://ibb.co/Nd5vgX6w

Best Regards.

You are a legend!

Hello,

Thanks!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts