How to change positions of language and currency icons on header impulse theme?

[VisarK]

Hello everyone hope you all doing good,in my impulse theme the position of language and currency icons aren't good.I want to be before the other icons in header section like in image below

 

 

[suyash1]

@VisarK Can you please share this page link?

[VisarK]

Hello @suyash1  yes

www.pawshubs.com

[suyash1 · Accepted solution]

@VisarK - will menu be ok on 2 lines? menu taking too much space and content is overlapping, we can make it like this 

[VisarK]

Yes @suyash1 like this is very good

[suyash1]

@VisarK 

please add this css to the very end of your theme.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.css

@media only screen and (min-width: 769px) {
.header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons {min-width: initial;}
.header-layout--left-center .header-item--icons{flex-direction: row-reverse;}
}

[VisarK]

Thanks a lot @suyash1 it looks good now even you make better 

[B2Bridge]

Hi @VisarK 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[VisarK]

Hello @B2Bridge  okay 

www.pawshubs.com

[B2Bridge]

Hi @VisarK  , you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.header-item.header-item--icons {
   display: flex !important;
    flex-direction: row-reverse !important;
    min-width: unset !important;
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍