Jump to content

Shopping Cart to Header Alignment

Recommended Posts

  • Replies 5
  • Views 488
  • Created
  • Last Reply
On 6/25/2021 at 7:16 AM, cvanuch said:

@tuanphan Thank you, the code seems to work at aligning when the window is full screen but it goes out of alignment when resizing to a smaller window. Is there a way to have it stay aligned with the header no matter what?

Screen Recording 2021-06-24 at 5.14.10 PM.mov

You can set code for multi screen sizes, use some code like this

@media screen and (min-width:1300px) {
/* align cart */
div#sqs-cart-root {
    padding-left: 4vw;
    padding-right: 4vw;
@media screen and (max-width:1299px) and (min-width:992px) {
/* align cart */
div#sqs-cart-root {
    padding-left: 8vw;
    padding-right: 8vw;

(just an example)

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


This topic is now archived and is closed to further replies.

  • 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.