Re: How can I change header positions

Solved

How can I change header positions

xeliporit12
Excursionist
12 0 2

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

NebulaKing742_0-1723041250169.png

 

Accepted Solutions (2)

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

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

BSSCommerceB2B_0-1723041332299.png

@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

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an 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

BSSCommerceB2B_1-1723130603852.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 6 (6)

niraj_patel
Shopify Partner
2378 514 506

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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

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

BSSCommerceB2B_0-1723041332299.png

@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

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

xeliporit12
Excursionist
12 0 2

Thank you so much, it worked!

xeliporit12
Excursionist
12 0 2

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

NebulaKing742_0-1723129929413.png

 

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an 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

BSSCommerceB2B_1-1723130603852.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2350 688 806

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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now