How to center "Your cart is empty" on Dawn theme

[XC24]

If my cart is empty and I enter the cart, there's a lot of unequal blank space around the text and the button, depending on the device I use. Look at the images below. I want to center the "Your cart is empty" part and the "Continue shopping" button so that they will be centered on every device and there would be equal blank space on all sides. Any help is appreciated.

[Ollie]

Hey @XC24.

Thanks for reaching out. 
 
I appreciate that you have provided us with the theme that you are using for the store as that is very helpful! Looking into the Dawn theme, I noticed that centering the Cart is empty message on the cart page is not available using the Theme Editor. However, you could possibly make a change of coding to the theme to have it displayed as you would like. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal team to make the changes on your behalf. 
 

 
If you are interested in using the design time, you will need to navigate to the Help Center to speak directly with our live support. 
 
Let me know if you have any questions. 

[BSS-Commerce]

HI @XC24 ,

You can add the following code to the main-cart.liquid file (for me using the dawn theme, add it to main-cart-items.liquid)

{% if cart.item_count == 0 and request.path == '/cart'%}
<style>
#MainContent {
display: flex;
justify-content:center;
align-items: center;
}
#WebPixelsManagerSandboxContainer{
display: none;
}
</style>
{% endif %}

[XC24]

Thanks for the reply. But it dosen't seem to work unfortunately.