Liquid, JavaScript, themes, sales channels
Hi, the screenshot below Illustrates what I currently have. The label "Dexterity" is above the dropdpwn menu. I wish to have the label on the left of the dropdown menu.
I have detailed the coder and styles below
Appreciate any help
https://auchterlonies-com.myshopify.com/
paswd: awskob
<div class="mw-option-select mw-validate-required-option mw-option dexterity" style="display: block;"><input type="hidden" name="properties[Dexterity:]" data-for="option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e" value="Right Handed"><label class="mw_product_option_label" for="mw_product_option_option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e">Dexterity:</label><br><select id="mw_product_option_option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e" style="display: inline-block;" class=""><option data-hidden="1" value="">- Click to Select Option -</option><option value="Right Handed" data-value-id="value_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e_0262e6dd-4765-49e1-9630-25ff60b1ac6b" data-value-qty="" data-value-price="" data-value-price-type="fixed" data-value-recalc-price="" data-hidden="0" style="display: block;">Right Handed<span class="value-price"></span></option><option value="Left Handed" data-value-id="value_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e_ae3af6bf-38f6-4289-b6e7-71587d538c32" data-value-qty="" data-value-price="" data-value-price-type="fixed" data-value-recalc-price="" data-hidden="0" style="display: block;">Left Handed<span class="value-price"></span></option></select><span class="mw-option-tooltip value-desc" style="display: none;"></span><br></div>
Here are the styles:
text-size-adjust: 100%;
font-family: "Gill Sans Nova", sans-serif;
font-size: 16px;
color: #141414;
line-height: 1.5;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow-wrap: anywhere;
font-style: inherit;
font-weight: inherit;
box-sizing: inherit;
height: 3.75em;
background: linear-gradient(270deg, #FAFAFA, #D3D9D9);
background-size: auto;
animation: gradient 15s ease infinite;
padding-left: 10px;
border-radius: 2px;
padding-right: 6px;
padding-bottom: 4px;
max-width: calc(calc(104% - 12px));
border-bottom-style: groove;
display: block;
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024