How to limit the size selection to 1 line on mobile?

Store Design
, ,
1

Hello,

does somebody know How to limit the size selection to 1 line on mobile? But it shouldn’t go wider then the card button on the bottom!

Thank you!

url: aliudclothing.com

Limit Sizte Selection 2@72x.png
Limit Sizte Selection 2@72x.png1337×2891 214 KB

2

Hi @KimGottwald ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.scss.css
  3. Add code below to end of file
@media(max-width: 480px){
  .single-option-radio input[id*="ProductSelect-option-size"] + label {
    padding: 6px 10px !important;
  }
  fieldset.single-option-radio {
    padding-right: 0;
    display: flex;
    gap: 5px;
  }
}
1 Like