How can I change header positions

[xeliporit12]

Hi, I'm new to Shopify. Is there any way to swap the positions of the two areas I marked? Thanks in advance.

[BSSCommerce-B2B · Accepted solution]

Hi, You can add this code in the custom css section

@media screen and (min-width: 990px) {
  .header--middle-left {
    grid-template-areas: "icons navigation heading";
  }
  .header__heading {
    width: 100%;
    text-align: right;
  }
}

If it helps you, please like and mark it as the solution.

Best Regards

[niraj_patel]

Hello @xeliporit12 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[BSSCommerce-B2B · Accepted solution]

Hi, You can add this code in the custom css section

@media screen and (min-width: 990px) {
  .header--middle-left {
    grid-template-areas: "icons navigation heading";
  }
  .header__heading {
    width: 100%;
    text-align: right;
  }
}

If it helps you, please like and mark it as the solution.

Best Regards

[xeliporit12]

Thank you so much, it worked!

[xeliporit12]

@BSSCommerce-B2B, hi again i have another question how can i change the header background color into a gradient color include pink and blue

[BSSCommerce-B2B · Accepted solution]

You can add this code to the custom CSS

sticky-header {
    background: linear-gradient(135deg, #f8b195, #f67280, #c06c84, #6c5b7b, #355c7d)!important;
}
sticky-header  * {
    color: white!important
}

The result will look like this

[BSS-TekLabs]

Hello @xeliporit12 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.