Solved

How To Move Empty Cart Label On Cart Drawer (Dawn Theme)

MMast
Explorer
131 0 10

Thanks in advance!

I am looking to move the 'empty cart label' up near the top of the drawer to my liking. how can I go about doing so?

Example shown below.

Screenshot 2024-04-18 110322.png

https://decemberschild.com/ 

password: dc

Accepted Solutions (2)

PageFly-Henry
Astronaut
1069 306 260

This is an accepted solution.

Hi @MMast 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


.drawer__inner-empty .cart-drawer__warnings.center {

    justify-content: flex-start !important;

    margin-top: 25px;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

ThePrimeWeb
Shopify Partner
2031 586 461

This is an accepted solution.

Hey @MMast,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change the -425px value to your liking

<style>
.cart__empty-text {
    transform: translateY(-425px);
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713453249874.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

PageFly-Henry
Astronaut
1069 306 260

This is an accepted solution.

Hi @MMast 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


.drawer__inner-empty .cart-drawer__warnings.center {

    justify-content: flex-start !important;

    margin-top: 25px;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ThePrimeWeb
Shopify Partner
2031 586 461

This is an accepted solution.

Hey @MMast,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change the -425px value to your liking

<style>
.cart__empty-text {
    transform: translateY(-425px);
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713453249874.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!