How To Move Product Name, Price, Shipping And In Stock To The Left Instead Of Being In Center

Hello,

How can I move the Name of the Product, the Price, the Auf Lager and the Free world wide shipping to th left. But only on mobile?

https://timitar-gewurze.myshopify.com/

password: timitarspices

Hello,

You can align the indicated elements on left using the following code, which applies only to mobile phones.

@media (max-width:768px) {
.product-block, .product-single__meta .rte {
  text-align: left;
}
.sales-point .icon-and-text {
  justify-content: left;
}
}

Cheers!

1 Like

Hi @YounesTimitar !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.css under assets in theme code files;

@media screen and (max-width: 768px) {
.product-single__title{
text-align: left !important;
}
}

@media screen and (max-width: 768px) {
.product-block hr{
text-align: left !important;
}
}

@media screen and (max-width: 768px) {
.product-single__meta .rte{
text-align:left !important
}
}

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

Hey, Thanks!!!

How do I move thee inkl. MwSt ?

Hey,

its only half working :grinning_face_with_smiling_eyes: