Moving header icons to the edges

[solattic]

Hello, I was wondering if it's possible to move the logo, and 3 icons on the right closer to the edges of the page so that it evenly fills the space better in the header section. I was already given the solution to moving the home shop categories and designers tabs but am unsure how to move the rest. Any help is appreciated thank you!

[BSSCommerce-HDL]

Hi @solattic 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 <style>
    .header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-account {
        padding: 8px 0px!important;
        margin: 0!important;
        min-width: 100%!important;
    }
</style>

Here is result:

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍