restore option to display shipping options in dropdown

@eazy24 now will show only as radio buttons, because now we allow people to display more options for shipping like payments gateways.

Here an example of what plugins can do now:
https://cloud.githubusercontent.com/assets/5774447/11680803/f5fdd4c0-9e5a-11e5-85f1-bf237ad8adfa.png

We removed this because plugins cannot add additional content to shipping methods inside select boxes. It can be restored with a template customisation.

Any reason you prefer this? Radio buttons are clearer for the end-user – its easy to miss options in a dropdown especially if it updates after entering an address!

i prefer this because its not rendering correctly on mobile and also its not ok with desktop view.

Desktop view
https://www.upload.ee/image/5491003/shipping_options.png

mobile view
https://www.upload.ee/image/5491013/mobile.png

was ok with dropdown menu

Is this a WooCommerce theme? This can be fixed with some CSS which would be a better and easier option.

ok thank you,i will try to fix it with CSS.
No,its not WooCommerce theme,its my costum made bootstrap theme.

If you get stuck post a link to the site so we can see your styles ??

Boostrap can have this issue because label elements.
Need just some margin for it.
If you show your link I can say to you what need to be included.

i fixed it on desktop view,but need help with mobile view. Can i somehow send my site link privately? i dont want to put it here

Look for a mobile stylesheet in the theme and do the same change perhaps? Or add !important after your rule.

Can i somehow send my site link privately

It’s against the rules of this forum send email address.

Hi,
I have a similar problem as eazy24. I’m totally ok with leaving radio buttons as I’m aware of the fact that they can increase conversion rate up to 15% compared to dropdown boxes -> Good decision guys!
My problem is merely a CSS issue. On my checkout page I’m not able to increase the width of the radio buttons without reducing the width of the product details. Even though they’re underneath each other for some reason changing one is directly affecting the other .
Does someone have an idea how I can resolve this?.
https://www.upload.ee/image/5492966/Capture.JPG

thanks in advance for your help!

Not sure what you mean? Link to the site would be more useful than image.

Hi Mike Jolley and Claudio Sanches
i will try it this way,the site is on my local dev mashine,so here is the link to it,hope it works Click here!
still need help with mobile view,my desktop view look now like this

https://www.upload.ee/image/5493106/1.png

this is cart page,but checkout page is still not ok

https://www.upload.ee/image/5493139/checkout-page.png

and also little bit offtopic,but i dont start to make new thread for that,where i can get estonian translation file for 2.50,new translation template looks different then old one was

it didn’t work. Use your browsers inspector to see what styles are breaking display. In chrome or firefox, right click and ‘inspect’

@mike,try this,it should work.
I tried already with inspect element and added this to my woocommerce.css
.woocommerce ul#shipping_method {
list-style: none;
margin: 15px !important;
padding:0;
}

now its ok on cart page,but on checkout its still not ok and also completely messed up with mobile view