Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am trying to make the add to cart/select option button on woocommerce responsive for mobile but I am not able to do that. I am using flatsome theme
The Css used in additional CSS section:
@media only screen and (max-width: 480px) {
.woocommerce ul.products li.product .button {
padding: 4px 20px;
font-size: 11px;
}
}
Below is the link to the screenshot
https://snipboard.io/kxpEms.jpg
Can someone help as to how can I make it responsive and why the CSS code is not working ?
Hi Farkhanda
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
Yes,
It is https://floriatrading.com/demos/shop-demos/classic-shop/
Thanks for the URL. Is SiteOrigin CSS currently activated? If you have CSS added at CustomizeAdditional CSS, that’s using the core WordPress Custom CSS field. For theme styling assistance, it would be best to reach out to the Flatsome authors. If you have any SiteOrigin specific questions, we’re here to help.