[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

I may not need access though. I have a much better solution for your case.

The issue is that the width is not taken into account as it is determined by user agent. However if you want to display the search bars based on the device width, then using a custom CSS will be a better solution.

1. Make sure to enable both search bars for all devices.

2. Use this custom CSS to hide them based on the device width:

@media screen and (min-width: 769px) {
  .asp_w_container_1 {
    display: block !important;
  }
  .asp_w_container_2 {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .asp_w_container_1 {
    display: none !important;
  }
  .asp_w_container_2 {
    display: block !important;
  }
}

This will hide the compact search when the screen is < 768px and vice versa.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Sure! I will check it for you.

[Ernest Marcinko]

Oh I see, you don’t have it enabled for the tablet width but for mobile, but that only triggers below 640px by default.

No worries, just make sure to change the mobile width breakpoint to 769 here: https://i.imgur.com/2ZukjEJ.png

That will do the trick.

[Ernest Marcinko]

If you only resize it, then it will not trigger the update. If you refresh the browser after manual resize, then you should get the apparent output as on mobile.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

Thank you very much for the details!

I have tried on the suggested device, but it seems to be all right on my end, please see this test: https://www.youtube.com/shorts/vpW16Xoy59A
Just to be sure I have tested on 2 different IOS devices, but on both cases the search opens immediately.

Please check if you are using any 3rd party extensions or anything that could interrupt the input. Pleaase make sure to clear the device cache too.

If your phone runs IOS 26, it reportedly has some animation related issues on some models which apple is going to fix in the next update, so that could also be in relation if it happens on your device.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

No worries, I have not forgotten 🙂 I have been busy with some updates, will check this as soon as I can.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts