Debut Theme - Adjust width of Drop-down for variants?

Technical Q&A

Topic summary

Ajuste de la largeur du menu déroulant des variantes produit dans le thème Debut de Shopify.

  • La question portait sur l’absence de fichier theme.scss.liquid et sur la possibilité de modifier quand même la largeur du sélecteur de variantes.
  • La réponse indique que, sur Debut sans personnalisation particulière, le bon fichier CSS se trouve généralement dans Assets > theme.css.
  • Si aucun fichier CSS exploitable n’est disponible, il est aussi possible d’ajouter la règle directement dans un fichier .liquid via une balise <style>, par exemple pour définir width et max-width du menu déroulant.

Issue résolue : le code a été ajouté dans theme.css et la modification a fonctionné. Une image de l’emplacement du fichier dans les assets était incluse pour aider à le repérer.

Summarized with AI on March 8. AI used: gpt-5.4.
1

Hello,

I’ve seen a few solutions that require a theme.scss.liquid file which I Do not have

IS there any way can adjust the width of my dropdown for product variants?

Thanks in advance!

2

If you use Debut theme with no customize, it should have the theme.css inside folder assets

Quyen_Beo_0-1618418067089.png
Quyen_Beo_0-1618418067089.png395×392 5.98 KB

If you can’t find any CSS file to put your style in, you can also put those style inside .liquid file within the tag.
eg:

.yourDropdownClass {width: 200px; max-width: 100%;}
3

Ah, yes I placed the code that has been provided in other solutions in the theme.css file and it seems to have worked, thanks!