How to move icon to the right of the header

[Haroon4]

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.

[AvadaCommerce]

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.

[Halothemes]

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.

[KetanKumar]

@Haroon4 

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

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

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

[Haroon4]

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

Store URL

[KetanKumar]

@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;}
}

[Denis20]

Hi @KetanKumar 

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

Cheers

[eFoli-Marvic]

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

[Haroon4]

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

[eFoli-Marvic]

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

}