HideAtMedia doesn't support complex media queries

[Simon Holman]

It looks as though the HideAtMedia only supports simple media queries i.e. 

"(min-width: 800px)".

It would be good to be able to support complex media queries like "

(max-width: 1400px) and (min-width: 1200px),(min-width: 800px)"

When using with Bootstrap, you may have the grid within a div, and that div is half screen (col-xl-6 col-lg-12) on larger screens, but full screen on smaller. In this instance, I want to hide columns when the screen gets narrow at half screen, and also narrow at full screen.

Can anyone think of any other way to mange this?

[Monisha Saravanan]

Hi Simon Holman, 

Greetings from Syncfusion support. 

We have analyzed your query and before proceeding further with your requirement we need some more details about your query. Kindly share the below details to validate further from our end. 

1. Share us whether you need to set different media queries for the same column based on the screen resolution.
2. Share the Grid code snippet.
3. Share us the video demonstration of the issue.
4. Share us the issue reproduceable sample.

The above-requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible. 

Regards, 

Monisha