Mobile only: Can not add product to cart if hidden field is required

When trying to add a product to the cart in the mobile version of my website, if i have a required conditional field that only shows up when a certain condition is met, if that condition is not met and the field stays hidden, it gives me a message saying that the field is required and needs to be filled. For example, lets say i sell a bracelet that can either hav a single color or many colors. If the client chooses that he wants one color, a select input field pops up and if the client chooses that he wants multiple colors, a checkbox input field shows up with all the colors.
However, as an illustration, if the client chooses the mulitple color option and then chooses lets say 3 colors, the single color select input (that only shows up if he initially chose the single color option) says that it needs to be filled before adding to cart since it is required but that field has not even popped up cause the condition for it has not even been met. Therefore, i had to put those 2 conditional input fields as not required to omit this error but the problem is that some clients order and not choose the color of the bracelet because the field is set as not required when it should be because the business needs a color in order to make the bracelet.