Hey @wpjakarta
You can use the following CSS code for that:
@media screen and (min-width: 768px) {
.single-product div.product .summary {
float: left;
margin-right: 5.8823529412%;
margin-bottom: 3.706325903em;
}
.single-product div.product .woocommerce-product-gallery {
float: right;
margin-right: 0;
}
}
Hello @senff thank you for your help
by the layout this is worked good
but my goal to switch the position actually i want to switch and optimize my LCP or CLS from an image to something more lighter element (a h1 of product title or a paragraph of short descp).
after put your code then i try to measure the page using google pagespeed insight, but the LCP still point to the product image, also i’m not include this sintax @media screen and (min-width: 768px) { but image still showing first on mobile
Hi there,
I’m not 100% sure what you’re looking to achieve here – are you looking to change the layout or optimise loading time? I’m asking as the CSS provided above will only affect layout, it won’t have any impact on the loading time and for that you’d need to consider using optimisation plugins 🙂
