Currently I’m implementing a dropdown menu with a mix of HTML and CSS. The old checkbox input, hidden, with its label being the connection between it and the menu content. But apparently I have a problem with basic HTML:

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help make sure the text isnt so close? I imagine its a simple CSS change but no matter what I can’t get it working. Probably something to do with the way I’ve awkwardly coded it.

I’m currently facing some issues with my website, which is built on Shopify and includes a customized section. I’m not entirely sure what I’ve done wrong in my code, but there are three main problems:

I’m currently facing some issues with my website, which is built on Shopify and includes a customized section. I’m not entirely sure what I’ve done wrong in my code, but there are three main problems: