Jump to content

Centring description in mobile (7.0)

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Try this Custom CSS

@media screen and (max-width:640px) {
 .tweak-product-item-details-alignment-left .ProductItem-details {
    text-align: center;
}
.ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
  width:90%;
}
.tweak-product-item-details-add-to-cart-button-style-outline .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] {
  width:100%;
}
}

Let me know if it helps!

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment
8 hours ago, Ziggy said:

Try this Custom CSS

@media screen and (max-width:640px) {
 .tweak-product-item-details-alignment-left .ProductItem-details {
    text-align: center;
}
.ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
  width:90%;
}
.tweak-product-item-details-add-to-cart-button-style-outline .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] {
  width:100%;
}
}

Let me know if it helps!

Thank you it works!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.