On my wordpress, woocommerce website I am using an addon called Extra Product Option and what it does is self expanatory. Here is a link to a product page:
The first to options with the title “Bredd” and “Höjd” are width and height. When you first go to the link, you can see that they are next to each other. However when you select another width the height dropdown jumps down below width. The reason is because the plugin/I am using conditional logic – so for every width option a “new” height appears (reason is because the pricing values of height are different depending on which width is selected). I have tried to add CSS float: right/left and display: inline-block on both of them and on height only.
The only time anything changes is when I set float: right (which is currently set for width and height when width 6 is selected).
Would really appreciate any help I can get 🙂 Many thanks!
Read more here: Woocommerce CSS align