- This topic has 5 replies, 2 voices, and was last updated 1 year, 11 months ago by
.
Viewing 6 posts - 1 through 6 (of 6 total)
-
Posts
-
Under the header you can see handpicked woocommerce items.
I want on mobile two colums instead of one how can i fix this with CSS?Customer Support
Hi there,
where can i see the product columns ? Can you share a link to the specific page ?
Oh i am sorry now i sent it
Try adding this CSS:
@media (max-width: 480px) { .wc-block-grid.has-4-columns .wc-block-grid__products { display: flex; } .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0; margin:0 0 24px } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) { padding-right:8px } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) { padding-left:8px } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0; margin:0 0 24px } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) { padding-right:8px } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) { padding-left:8px } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0; margin:0 0 24px } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) { padding-right:8px } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) { padding-left:8px } }Thanks also a clue how to get the button under the pictures square? Now they are really round
Try this CSS:
.wp-block-button .wp-block-button__link { border-radius: 0; }
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.