Solved

Changing Position of Language selector in Prestige

NZA
Shopify Partner
128 12 34

Good day, i have been trying to change the position of the language selector for quite a while to no avail

I was it moved from the right side of the logo to far left and change the color fo it's background to fit with the header.

Luxury Cartel (2).png

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

Accepted Solutions (4)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @NZA 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
  .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready{
    position:absolute;
    left: 10px;
    top: 10px;
    }
  }

 

View solution in original post

Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Add this @NZA 

 

@media screen and (min-width: 789px){
  .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready .ht-tms-dropdown__list-item {
    background: #f2f2f2;
}
  }


If this works do accept the solution


 

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @NZA 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready  .ht-tms-dropdown__list-item{
	background: #F2F2F2 !important ;
}

 

View solution in original post

NZA
Shopify Partner
128 12 34

This is an accepted solution.

Thank you so much ! its perfect now

View solution in original post

Replies 6 (6)

Anthony_David_
Shopify Partner
417 46 105

The header looks completely messed., and i cant see anything similar to the screenshot you sent @NZA 

Anthony_David__0-1626516865380.png

 



Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @NZA 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
  .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready{
    position:absolute;
    left: 10px;
    top: 10px;
    }
  }

 

NZA
Shopify Partner
128 12 34

@Kinjaldavra Do you know how to change it's backdround color to make it fit with the header ??

The color for the header is #F2F2F2

Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Add this @NZA 

 

@media screen and (min-width: 789px){
  .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready .ht-tms-dropdown__list-item {
    background: #f2f2f2;
}
  }


If this works do accept the solution


 

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @NZA 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 .ht-tms-dropdown.ht-tms-dropdown__hide-flag.ht-tms-dropdown--language-code.ht-tms-ready  .ht-tms-dropdown__list-item{
	background: #F2F2F2 !important ;
}

 

NZA
Shopify Partner
128 12 34

This is an accepted solution.

Thank you so much ! its perfect now