Responsive search box

How do I create a search box that can be clicked full screen and show what product lines are available, and most importantly, it is responsive to tablets and cell phones? Attached is a video I recorded to illustrate my needs

Attachments:

You must be logged in to view attached files.

Hello,

You should configure the search setting: https://ibb.co/kmFmd6r. https://ibb.co/k0yqSLn
If you have any questions please feel free to contact us.

Best Regards.

I have a few more questions
(1):How to hide the sku, product tag, product category of each product in the store page.
(2):How to hide sku,product tag,product category of single product page.
(3):How to hide sku, product tag, product category in product grid or product rotating image on home page.

And, I just want to hide these when customers browse my site, but the backend of the site needs to display these elements.

I have set the backend to hide these elements, but the frontend of the site still shows them

Attachments:

You must be logged in to view attached files.

You see, they’re still there.

Attachments:

You must be logged in to view attached files.

Hi,

Please Go to Theme Settings >> Single Product >> Show/Hide Elements and hide. Clear the browser cache and try again, If the problem remains Please share the WP admin login details of your site so I will check and give you a possible solution.
Screenshot: https://gyazo.com/770f6660de7ebf6b4fe4b281156e4444

Best Regards.

I tried the method you gave and the css code given by the sharer and it didn’t change my needs. wp backend login information I will give you in the private file

If you solve my problem, you have to leave your solution to the problem in the post Oh!

I solved the problem of hiding elements by myself! But there is a new problem, how to hide a separate category in the tablet and mobile desktop, so that the overall layout looks more orderly, I have screenshots, please take a look and help me solve the problem!

Attachments:

You must be logged in to view attached files.

Hello,

We are glad to hear that you were able to resolve the initial issue yourself. You are great !

Regarding the new concern, the Image that you have shared is from the Homepage of your Site and there right now the Categories are added through the Promo Banner element.

So, if you are using Promo Banner element on your Site to add Categories then you can edit the Promo Banner element > go to Advanced tab of it > in that open the Responsive sub-tab > and in that you can hide the element for required viewport as per your choice: https://snipboard.io/kDFsuW.jpg

If we misunderstood you then kindly please elaborate your concern more with some useful Screenshots and exact Page URLs so that we can better understand and assist you accordingly.

Best Regards

[Author]

Posts