Drop-down list that allow you to make more then one selection

Hi there,

I know this is possible in the Extra Product Options plugin, but when I choose ‘position: fixed;’ it causes each list to overlap – an example can be found in the page link.

I couldn’t find the drop-down lists in the link you provided.

Could you please double-check the link, and also provide us with a screenshot showing the issue, so we can see what you are describing?

Thanks.

Sorry about that, this link will bring you to a screenshot.

There are 2 examples there, they’re both however, under one class with no id or classes to separate them.

It looks messy as I haven’t styled via CSS!

I cleared the cache on the site so it should now also appear in the page link.

Thank you for clearing the cache and sending a screenshot.

You can fix the selection boxes’ positions by adding the following CSS code:

.single_variation_wrap {margin-top: 0px !important;}
.select2-dropdown.thwepo-select2-dropdown {top: 0px !important; left: 0px !important;}
.single_add_to_cart_button {transform: translateY(-15px);}

I hope this helps!

Sorry, only just getting back to you now – I didn’t realise until late last night that you can assign a wrapper class in the plugin, hopefully things will work out from there.

I added the CSS you provided, but it didn’t affect anything.

Many thanks for your help!

Hello,

hopefully things will work out from there

That sounds like a plan, keep us informed in case there are any questions.

Fingers crossed!

Hi there,

It’s been a while since we last heard back from you. I’m going to mark this thread as resolved.

Hopefully, the above information was helpful. If you have further questions, please feel free to open a new topic.

Cheers.

So sorry, I got it working – thanks!

@niallasd

Glad to hear it – thanks for letting us know!

If you have any further questions, I recommend creating a new thread.