How to add space between cart and search buttons?

Shopify Discussion

Topic summary

A user seeks help adding spacing between cart and search buttons on their Shopify store header.

Initial Solution:

  • Add CSS code targeting .header__icon--cart with margin-right: -0.2rem
  • Insert into base.css.liquid file via Online Store → Theme → Edit code → Assets

Clarification:

  • User only has base.css.liquid (not base.scss.liquid), but the same CSS code applies

Additional Request:

  • User also asks how to add spacing between featured products
  • Solution provided: Add CSS targeting .card-wrapper with margin-right: 2rem to the same base.css.liquid file
  • Screenshot shared to clarify the spacing issue

Resolution:
User confirms the solutions worked successfully.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

How to add space between cart and search buttons?

website: https://leegacy-shop.myshopify.com/

password: yowbow

2

@Beibarys

.header__icon--cart {
    margin-right: -0.2rem;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
3

thanks

4

but i dont have base.scss.liquid, i only have base.css

5

@Beibarys ,

Put the code in it.

1 Like
6

and how to add space between featured products?

7

@Beibarys ,

Share the screen shot, please. where you want space

Please like my all post :slightly_smiling_face:

1 Like
8

2022-10-29_LI.jpg
2022-10-29_LI.jpg1366×768 75.9 KB

9

Hello @Beibarys

Add this CSS at the bottom of Online Store-> Theme->Edit code->Assets->base.CSS.liquid

.card-wrapper {
    margin-right: 2rem;
}
1 Like
10

Thanks a lot

1 Like