Checkbox input values grouped one name instead of separately when submitting contact form

[Hardcodepunk]

As seen in the documentation I have such a structure:

<div class="contact-time">
<label for="contact-time">When is the best time to reach you?</label>
<input type="checkbox" name="contact[contact_time_1]" value="morning"><label for="morning">Morning</label><br>
<input type="checkbox" name="contact[contact_time_2]" value="afternoon"><label for="afternoon">Afternoon</label><br>
<input type="checkbox" name="contact[contact_time_3]" value="evening"><label for="evening">Evening</label>
</div>

But in the actual email every checked box value will be separately displayed as such:
Contact Time 1:
Value
Contact Time 2:
Value
…

I would like it to display like so
Contact Time:
Value, Value, …

Any pointers?

[syedsumaimaly]

**Hi @Hardcodepunk **

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

HTML:

CSS:

.labelhead{
display: block;
}

.inputdiv{
display:flex;
flex:wrap;
}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solutions