Archived topic
Center shortcode in mobile
3 replies · Started by iain022 on July 28, 2021
Viewing posts 1–4 of 4
Hello,
Could you help me to center these shortcodes in mobile version (they are on the home page)? I can not do it.
backend: https://ibb.co/zbYGGvW
fronted: https://ibb.co/LgCbjW2
Thank you so much
Hi there,
Strange. Those should be full width and centered by default.
Try this CSS:
@media (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
float: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Thank you so much, Leo. It's works perfect!
I tried in many ways but failed.
No problem :)
This archived topic is closed to new replies.
