HEADER ICON Placement

AK121AA
Tourist
14 0 6

Dear Experts. Need urgent help.

For website thejade.pk Password is DT786 The header icon need to be rearranged.

Search to come first and rest to follow as they are seen.

At the moment Search icon comes in third position.

Below is image for reference as to what is seen now and what is required

Jade Help 1.jpg

Please need urgent help !!!!!

KetanKumar
Shopify Partner
17292 1871 6462

@AK121AA 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AK121AA
Tourist
14 0 6

thanks for reply

Website is www.thejade.pk 

Password is DT786

KetanKumar
Shopify Partner
17292 1871 6462

@AK121AA 

thanks for store url

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header__search-wrap {
    order: 1;
    padding: 10px 10px 10px 0px;
}
a.site-header__link.site-account.js-open-login {
    order: 2;
}
a.site-header__link.site-header__wishlist.js-wishlist-link {
    order: 3;
}
span.site-header__link.site-header__cart.js-mini-cart {
    order: 4;
}

After Code View

KetanKumar_0-1619801764830.png

 

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AK121AA
Tourist
14 0 6

It worked but now the sub menu button uner logo are out of header box. Can you please help 

AK121AA_0-1619804334628.png

 

0 Likes
KetanKumar
Shopify Partner
17292 1871 6462

sorry  bt i can see this view

KetanKumar_0-1619807511295.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AK121AA
Tourist
14 0 6

Yes thats the problem. The view you see on our desktop is of 90% . Else the view on our PC of 100% has the original navigation setting that comes under the logo. And text here is overlapping.

1 Problem you have resolved . But the second problem now is the Navigation Sub Menu that should appear under the logo is overlapping image. and when zoomed out it goes to view that you shared. Else when we zoom 100 plus then it comes back to its original position but overlaps the slider image.

Can you please help

AK121AA_0-1619811155635.png

 

0 Likes
KetanKumar
Shopify Partner
17292 1871 6462

@AK121AA 

your menu was a long menu item maybe try create new menu add menu  items 3-4 then try again issue let me know i will check again

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes