Create a language selector in the header of the Alchemy theme.

Technical Q&A
,
1

On Alchemy theme, they have option to put language selector into the dropdown menu only. I dont know how to move it on the header. Can anyone help me with some code lines?

2

Hi,

  • Find the Current Language Selector Code
    Code example
  • Copy the language selector code and paste at header.liquid where you want to appear
  • Style it using CSS

CSS example

.header .language-selector {
  display: inline-block;
  margin-left: 15px; /* Adjust for spacing */
  font-size: 14px;   /* Adjust font size */
}

.header .language-selector select {
  padding: 5px; /* Adjust padding */
  border: 1px solid #ddd; /* Adjust border */
  background-color: #fff; /* Adjust background */
  color: #333; /* Adjust text color */
  border-radius: 3px;
}