diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index bab60fa..689ebdb 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -29,17 +29,16 @@
{{ if $.Site.Params.showLanguageSelector }}
-
-
-
-
{{ .Language.LanguageName }} ▾
-
-
+
+
+ - {{ .Language.LanguageName }} ▾
+
+
-
+
+
{{ end }}
diff --git a/source/css/header.css b/source/css/header.css
index d912bfe..2f73def 100644
--- a/source/css/header.css
+++ b/source/css/header.css
@@ -127,16 +127,19 @@
.language-selector {
position: relative;
+ list-style: none;
+ margin: 0;
- .language-selector-actual {
+ &-current {
list-style-type: none;
display: flex;
flex-direction: row;
color: var(--accent);
cursor: pointer;
+ margin: 0;
}
- .language-selector-more {
+ &__more {
@mixin menu;
top: 35px;
right: 0;
diff --git a/source/js/languageSelector.js b/source/js/languageSelector.js
index 3002786..104f28e 100644
--- a/source/js/languageSelector.js
+++ b/source/js/languageSelector.js
@@ -2,8 +2,8 @@ const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWid
const isMobile = () => window.matchMedia(mobileQuery).matches;
if(!isMobile()) {
- languageSelector = document.getElementsByClassName("language-selector-actual")[0];
- moreLanguagesContainer = document.getElementsByClassName("language-selector-more")[0];
+ languageSelector = document.querySelector(".language-selector-current");
+ moreLanguagesContainer = document.querySelector(".language-selector__more");
document.body.addEventListener("click", () => {
if (moreLanguagesContainer && !moreLanguagesContainer.classList.contains("hidden")) {