How can I even out the space between page names in my header?

Store Design
1

hi! in the header, the space between the names of the pages are not the same, is it possible to make these spaces in between even?

url: www.joepdries.com

1 Like
2

Hi @winandgetrich ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1682802149911.png

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hi @winandgetrich ,

H underdstand that you want to level the space for header.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on "base.css " or file, depending on which file your theme uses to store its CSS styles. (better you put in the theme.scss folder since it’s a header).
  4. At the bottom of the file, add the following CSS code:
summary.list-menu__item {
    padding-right: 1.2rem;
}

I hope it help.