How to move meniu and icons

[Jurgitadun]

Hi,

I have managed to code to move menu to the right and change icons (cart and long in to account into buttons) but now they all too much compresses next to each other, how do I fix it? So the buttons would not cover each other and the menu would be aligned more to the right after the buttons?

[LizHoang]

Hi @Jurgitadun,

To continue to check the issue and support you properly, could you kindly share your Shopify URL? 

Thank you in advance and hope to hear from you soon.

Liz. 

[Jurgitadun]

Hi @LizHoang it is locked with password for now so you will not be able to see the issue, should I make a bigger screenshot of the full header then?

[LizHoang]

Hi @Jurgitadun, thanks for your quick reply. 

I would highly appreciate it if you could share your store URL and password, which will help me inspect your issue more properly and provide you with a suitable solution. 

Thanks for your consideration in this matter. 

Liz

[DaisyVo]

Hi @Jurgitadun 

Could you please share your store link with us so we can investigate further?

Thank you!

Best,

Daisy - Avada Support Team.

[Jurgitadun]

Hi,

the store is: www.welnessbygoda.com and to access the store front code is: steyom

[DaisyVo]

Hi @Jurgitadun 

The store link is incorrect. Could you please help me re-check it from your end?

Thank you!

Best,

Daisy - Avada Support Team 

[Jurgitadun]

Hi Daisy,

sorry misspelled it. Here it goes: https://wellnessbygoda.com/

[DaisyVo]

Hi @Jurgitadun 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

header.header.header--middle-left {
    grid-template-columns: 1fr 1fr 1fr !important;
}
.header__icons a.header__icon {
    width: 130px !important;
}
.header__icons .header__icon svg {
    transform: scale(1) !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Jurgitadun]

Hi Daisy, you are a star, I really appreciate the time you have spent to create this code! However is it possible to make buttons have a gap between them? And also in the mobile version it looks like this, so how do I fix it?

[Jurgitadun]

hi @DaisyVo one more question, would it be difficult to exchange these buttons one with another?