I moved the language flag to the left side. After I did that, toggle on the right does not work well because the toggle icon seems to be covered by the DIV of the flag positioned on the left side.
I took a screenshot of:
- where I want to display the flag by using this code
/* Posizione flag next to right edge on DESKTOP */
.mobile-switcher {
position: absolute;
right: 10px;
top: 15px;
z-index: 999;
}
/* Posizione flag next to right edge on MOBILE */
@media only screen and (max-width:767px) {
.mobile-switcher {
position: absolute;
left: 10px;
top: 15px;
z-index: 999;
}
/* Bordo tutt'attorno alla flag rimosso */
.mobile-switcher > div {
border:none;
}
/* Below 450px distance from right is 120px
@media(max-width:450px) {
.mobile-switcher {
position: absolute;
right: 10px;
top: 10px;
z-index: 999;
}
}
*/
/* Above 960px distance from right is 150px
@media(min-width:960px) {
.mobile-switcher {
display:none;
}
}
*/
- and a screenshot of the way I have to leave the flag until I receive your answer by removing the code. So at the moment there is not code in the CSS.
Also, can you please remind me how to show the flag inside the mobile menu when I open it?
Disclaimer: This is considered a custom work as the positioning of the language switcher is considered a styling which is a theme-related thing. The code above is just a helper to know how to force the language switcher flags to go to the left side of the scene on mobile without affecting the right side menu. But the fine-tuning of the styling is outside of our support scope.
Can I ask 2 more questions:
- where do I find all my previous tickets? I cannot find an easy access to them on my account.
- I am looking for my previous tickets because I remember I had asked you guys help in hiding the the flags from inside the mobile menu. I would like to replicate something like this >>> hidden link
Yes exactly, the flags are not there. They were hidden sometimes years ago. That's why I wanted to check the previous tickets but I can't find what I'm looking for.
I believe that by default wpml shows the flags inside the opened menu (on mobile). I had hidden them. How do I make them visible again?
Then I have a question which is about something else and I would like to have your opinion.
As you can see I translated the Italian website to English. Created a new domain etc.
I always think what's better between having a fully translated site with its own domain or to keep the original domain plus /eng at the end of the URL for the English translation.
If I consider that my website is Italian because the services are mainly for Italian people, probably the site in English shouldn't have another domain but only a /eng?
What do you think about?
Thanks,
Marco
New threads created by Christopher Amirian and linked to this one are listed below:
I checked the code of the menu in front end by my browser console and the HTML of the mobile menu does not have the language switcher.
So it si not a CSS code that hides the language switcher.
Maybe you need to add a menu language switcher to a menu that you used for mobile in WPML > Languages > menu Language Switcher.
We reserve each ticket for one question to make sure we serve you the best and it is fair to our other customers.
I will split this ticket to a new one to answer the second question.
Kindly open up another ticket if you have additional questions, but we can continue here if you have questions about the language switcher.
thanks 🙂
The topic ‘[Closed] Moving the flag around’ is closed to new replies.
Manage Cookie Consent
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.