Return to previous page

Language switcher - by kordicpetar - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

kordicpetar

Participant

October 7, 2016 at 07:47

Hi again,

Sorry for this amount of question today, but I have one more thing that need to ask you regarding language switcher. I am using WPML and you help me to set switcher in top right side.

Now I saw that switcher is not working on mobile phone. It display first language but when I click on it, it do not show second language. It however disappear. You can see that on http://www.test.cia.rs

#141885 Copied

7 Answers

Jack Richardson

Support staff

October 7, 2016 at 09:26

Hello,

Have you edited theme files to add the switcher to mobile menu?

Best regards,
Jack Richardson.

#141901 Copied

kordicpetar

Participant

October 7, 2016 at 09:29

No, I did not edited theme files to add switcher in mobile version.

I edited files by your guidelines to add switcher in top menu.

#141902 Copied
Eva Kemp

Support staff

October 7, 2016 at 13:10
Hello,

I’ve added this code in child style.css file:
```
@media (max-width: 768px) {
.top-bar, .top-bar .languages-area {
    display: block !important;
}
#text-2 {
    display: none !important;
}
.mobile-nav-shown .mobile-nav #lang_sel_click a.lang_sel_sel {
   display: none !important;
}}

@media (min-width: 1200px){
  .languages-area #lang_sel_click a.lang_sel_sel {
   display: none;
}}
```
and add “Language Selector” widget in “Place in header top bar” area in Appearance > Widgets. Please clear browser cache and check the site now.

Regards,
Eva Kemp.
#141947 Copied
kordicpetar

Participant

October 7, 2016 at 16:35

Hi Eva,

It is not ok, now I have two switcher in desktop version look at it on this screen shot: https://postimg.org/image/whgj2z3tn/

Also, now in menu that opens in mobile version I do not have switcher, and I need that one.

Sorry for all of this,

#141988 Copied
Jack Richardson

Support staff

October 7, 2016 at 17:54
Hello,

I’ve edited the code to this:
```
@media (max-width: 768px) {
#lang_sel_click a.lang_sel_sel{
   display: none;
}}

@media (min-width: 1200px) {li.menu-item.menu-item-language.menu-item-language-current.menu-item-has-children {
    display: none;
}}
```
Please check switcher now.

Best regards,
Jack Richardson.
#142003 Copied
kordicpetar

Participant

October 10, 2016 at 11:29

Thanks!!!

#142120 Copied

Eva Kemp

Support staff

October 10, 2016 at 13:29

Hello,

You’re welcome.

Regards,
Eva Kemp.

#142156 Copied
Viewing 8 results - 1 through 8 (of 8 total)