How to move icon to the right of the header

Haroon4
Tourist
3 0 2

IMG_20220418_004622.jpg

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.

Replies 8 (8)
AvadaCommerce
Shopify Partner
3031 696 564

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Halothemes
Trailblazer
127 25 20

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.

HaloThemes - Top Premium Shopify Theme Provider

Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Check Our Portfolio for The Best Premium Shopify themes

KetanKumar
Shopify Partner
31195 3114 10461

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Marvic
Shopify Partner
145 27 29

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

Marvic | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants
KetanKumar
Shopify Partner
31195 3114 10461

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Marvic
Shopify Partner
145 27 29

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

}
Marvic | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants