Shopify themes, liquid, logos, and UX
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.
Website ulr: https://luxury-cartell.myshopify.com/
Password: stoyol
Thank you very much in advance!
Solved! Go to the solution
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;
}
}
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
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 ;
}
This is an accepted solution.
Thank you so much ! its perfect now
The header looks completely messed., and i cant see anything similar to the screenshot you sent @NZA
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;
}
}
@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
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
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 ;
}
This is an accepted solution.
Thank you so much ! its perfect now
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024