Remove "fix width to content" parameter when on mobile

Sarah_Esteve · 2024-12-06T11:53:08.472Z

Hello !

I’ve created a custom dropdown in a reusable element, to reuse it everywhere.

On desktop, I would like to have it fit width to content, and on mobile, no fix width.

My try is to check "fit width to content by default, and add custom css in an html element for mobile.

But not working on mobile…

If someone has an idea thank you !!!

ihsanzainal84 · 2024-12-06T15:05:45.966Z

In your css for #mobiledropdown add the parameter for min-width: 100%! important.

Sarah_Esteve · 2024-12-06T17:53:39.136Z

Thank you for the help, that worked

gloriaui · 2024-12-06T18:14:36.963Z

Sarah_Esteve:

On desktop, I would like to have it fit width to content, and on mobile, no fix width.

You can replace the CSS with the conditional: Current page width < 768 = min-width: 100%

Sarah_Esteve · 2024-12-06T19:35:07.716Z

min width is not available if default is fit width to content