do a spacing between in header / remove header margin

Store Design
, ,
1

  1. how to do a more spacing space between tabs in the header

  2. remove header margin, login icon and shopping card to right side and tabs to left in the mobile version

my website: https://protected-box.com/

Zrzut ekranu 2023-08-21 183351.png
Zrzut ekranu 2023-08-21 183351.png1913Ă—914 396 KB

1 Like
2

Hi @Skylar6

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__icons {
    padding: 0px;
    margin-right: -25px;
}
ul.list-menu.list-menu--inline {
    gap: 60px;
}

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

on a computer it’s ok but on a phone above -40px the icon too shifts to the right

1 Like
4

you can set into -40 then.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
5

icons and tabs i wanted change, now nothing workorking

6

tabs working but icons i did set -1000 and is still in 1 place

7

It wont work if its already on the max the size of the side that youll like to move, It wont be up to 100 it depends on how large the screen you use. But surely it wont size 1000px that size youll like use is like almost screen size of a laptop.

8

earlier worked on -100 on pc, on phone was hide but it was working, now is doesnt work