Jump to content

Shopping Cart to Header Alignment

Recommended Posts

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.