How can I evenly space and resize header icons for mobile view?

Store Design
1

Can anyone help to make the header icons look more neat by separating them out an equal distance and making them the same size. It looks fine on web but not on mobile thus is my preview. https://29ea2f-3.myshopify.com/

2

Hi @ti7
The link is password protected can you share the preview password

3

Hello @ti7
password?

4

I’ve now put no password required

https://29ea2f-3.myshopify.com/

5

I’ve now put no password required now

https://29ea2f-3.myshopify.com/

6

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.header__icons { padding-right: unset !important; }