How to move icon to the right of the header

since I have added the cart in the header through coding, there’s so much space left on the right of it. How can I move all these three icons to the far right so there’s no space left on the right as it’s looking odd now. Thank you.

Hi @Haroon4 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

Hi @Haroon4 ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

@Haroon4

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@Haroon4 Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

https://ewyvx7g26uqtyd9x-63701287160.shopifypreview.com/

https://ewyvx7g26uqtyd9x-63701287160.shopifypreview.com/

Store URL

@Haroon4

thanks for store url can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css ->paste below code at the bottom of the file.
@media (max-width: 767.5px)
{
.header-element.right-block-box {position: absolute;right: 30px;}
.header-element.right-block-box + img {position: absolute;right: 2px;}
}

@Haroon4

add this code to your style.css file.

Navigate to online store >> Click edit theme code.

Now find style.css and paste the following code:

@media (max-width: 768px){

.cart-wrap{display:none !important}

}

Hi @KetanKumar

Where is this css file located in Dawn? / How is the file called beacause i only found Base.css

Cheers