Hello Ridhuanshah,
Thanks for reaching out to us.
Yes, we have reviewed that this is a mobile screenshot-specific issue.
Please add the below CSS in your themes style.css and it will work for you.
@media only screen and (max-width: 600px) {
.shop_table_responsive select.shipping_method {
min-height: 60px;
white-space: break-spaces;
}
}
Hope this helps. Let us know your feedback if any.
Best Regards,
Hitendra & Dotstore Team
Hi Hitendra Chopda,
Im really sorry for the late reply but after i checked again its also a problem on desktop mode, can you please visit my site and check the checkout page?
i tried to enter the css at the “additional css” theme customizer but nothing work
btw im using astra for the theme.
thanks for the respond and hopefully you can help me with this one!
UPDATE*
Hi again, i learn how to attach image here to make it easy for you to resolve this issue
this is the link.
dropdown-on-checkout-display-issue
i hope this can be helpful for you
thanks again!
Hello Ridhuanshah,
Thanks for your feedback and for sharing the screenshot.
have you changed the settings to the radio button? Now we can see the radio button list in shipping methods.
Click here to review the screenshot.
If you are getting the same issue on the desktop then you need to remove the media query line from the CSS and need to add it below.
.shop_table_responsive select.shipping_method {
min-height: 60px;
white-space: break-spaces;
}
So, it will apply on desktop as well as on mobile versions.
Best Regards,
Hitendra & Dotstore Team
Hello Ridhuanshah,
We haven’t heard back from you in a while, so I’m going to mark this as resolved.
If you have any further questions, you can start a new thread.
Best Regards,
Hitendra & Dotstore Team
