CSS - Adjust Product dropdown layout

2 hours ago, Lorne17 said:

Hello there,

on my site product page: https://activestatedesigns.squarespace.com/shop/p/mens-colorado-flag-t-shirt-all-271-colorado-cities-2f383 (password: SiteTest)

I have been trying to adjust the dropdowns on my product page.  Can I do this with CSS?  I'd like two dropdowns per line to help bring everything higher on the page.

Thanks in advance,

Lorne

Try adding to Home > Design > Custom Css

@media only screen and (min-width: 768px) {
  .ProductItem-details .variant-option {
    width: 45%;
    float: left;
    margin-right: 2%;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you