admin管理员组

文章数量:1127653

I am trying to improve the rersponsiveness of my woocommerce product pages for mobile devices, e.g. here: /

It seems like the class wp-embed causes the page width to be larger than the mobile device screen (not 100% sure). I have used firefox developer options to determine that.

Afterwards, I tried adding additional CSS using the Wordpress Design Tab (Theme: Hello Elementor)

and added following Code, which had no effect at all.

.copyfooter {
    text-align: center;
}

.wp-embed {
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .wp-embed {
        width: 700px;
    height: auto;
    }
}

@media (max-width: 480px) {
    .wp-embed {
    width: 450px;
    height: auto;
    }
}

本文标签： cssWoocommerce product not responsive

版权声明：本文标题：css - Woocommerce product not responsive 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1736691783a1947972.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。