-
Posts
-
I have an issue with woocommerce layout
I have custom css to put the text alongside the image on the single product page
current css is.single-product-summary {
overflow: hidden;
width: 35%;
float: left;
margin-right: 5%;
}this code was given to me by Enfold support a while back
however, now, maybe because of woocommerce updates, this is causing the phone screen size display wrongly – it does not show the cart button and the text is bunched to one side
can you let me know a css code that will set the “width” to 90% on smaller screen sizes only
ok – so no answer from support – but for those who want to know here is the css code to have text next to product on large screens and text & cart buttons under with full width text on phone screens
.single-product-summary {
overflow: hidden;
width: 35%;
float: left;
margin-right: 5%;
}
@media only screen and (max-width: 600px) {
.single-product-summary {
width: 100%;
}Hi,
Great, glad you found a solution and thanks for sharing. I guess you didn’t need our help after all :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- The topic ‘CSS help’ is closed to new replies.