Shopping Cart to Header Alignment

Site URL: https://www.saunimon.com

Hello! Does anyone know how to make the Shopping Cart area align with the site header? The website password is: 1999

Thanks!

You mean align cart icon with price in main content?

@tuanphan I want to move the cart content to align with the header logo and cart icon. Currently, the cart content goes past the margin of the header area.

Try adding to Design > Custom CSS

/* align cart */
div#sqs-cart-root {
    padding-left: 4vw;
    padding-right: 4vw;
}

@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?

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)