Jump to content

How to get Item Description to sit underneath Product Name in mobile view only

Go to solution Solved by tuanphan,

Recommended Posts

Hi there

I wonder if anyone could help me to align my product pages on mobile view only please.  Currently the Item Description is sitting under the 'add to cart' button on all product pages on mobile view only (desktop view is fine).  

I would like the Item Description to sit under Product Name if possible please.

Many Thanks

Sam

IMG_0A7B1C978098-1.jpeg

Link to comment
  • Solution
On 4/15/2023 at 3:08 AM, Sam-Logie said:

Hi Tuanphan

Here’s the link 

https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye

this is just one specific product but I’d like the layout to change on all of them on mobile view if possible. 
 

thanks again

sam 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-excerpt {
    order: 1 !Important;
}
.ProductItem-product-price {
    order: 2 !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.