How can I align text and bag icon to extreme ends of a header?

Store Design
1

hi! i want the texts and bag icon in the header to be on the farrest ends of the header. so all the way to the left and right. is this possible?

url: www.joepdries.com

2

Yes, it is possible to align the texts and bag icon in the header to the farthest ends of the header in Shopify. You can achieve this by making custom CSS modifications to your theme. Here’s how you can do it:

  1. In your Shopify admin, go to “Online Store” > “Themes.”

  2. Find the theme you are using and click on the “Actions” dropdown menu.

  3. Select “Edit code” from the dropdown menu to access the theme’s code editor.

  4. In the code editor, locate the CSS file that controls the header styling. This file is typically named “theme.css” or “styles.css,” but it may vary depending on your theme.

  5. Open the CSS file and look for the CSS selectors that target the header text and bag icon elements. These selectors may vary depending on your theme structure, but they could be something like .header-text for the text elements and .bag-icon for the bag icon.

  6. Apply the following CSS properties to these selectors to move them to the farthest ends of the header:

.header-text {
  margin-left: 0;
  margin-right: auto;
}

.bag-icon {
  margin-right: 0;
  margin-left: auto;
}
3

i cannot find the place where i have to put the code