Return to previous page

Language switcher on phone version - by ejder077

This topic has 15 replies, 2 voices, and was last updated 5 years ago ago by Rose Tyler

ejder077

Participant

November 20, 2019 at 09:42

Hi,

I have the language switcher on computer version now.
https://ibb.co/6Wvmmxj

How can I add a switcher on phone version?
https://ibb.co/mH56351

Thank you

#225316 Copied Theme version: Child 6.0

14 Answers

Rose Tyler

Support staff

November 20, 2019 at 10:12

Hello,

Try the next way:
– created a static block > add Widgetised Sidebar which contains your Language widget area > enable HTML block in the Mobile menu via the Header builder > set the new static block there.

Regards

#225319 Copied

ejder077

Participant

November 20, 2019 at 13:37

Can you show more instruction on ” > add Widgetised Sidebar which contains your Language widget area > ” and ” set the new static block”?

https://ibb.co/fSvy7Wf
https://ibb.co/RPfkjXW

Thank you

#225331 Copied

Rose Tyler

Support staff

November 20, 2019 at 13:42

Widgetised Sidebar is an element, just select own sidebar in settings – http://prntscr.com/pzkefl
Theme Options > Header builder > HTML blocks > http://prntscr.com/pzkfzi

Regards

#225333 Copied

ejder077

Participant

November 20, 2019 at 13:46

Great, I can do it.

Thank you : )

#225336 Copied

ejder077

Participant

November 20, 2019 at 13:49

Sorry,

I tried the switcher on phone, but when I select “English”, the page does not change from Chinese to English

#225337 Copied

Rose Tyler

Support staff

November 20, 2019 at 14:09

In this case, the Language switcher can be added to your menu http://prntscr.com/pzkq81
To Show it for mobile only, you need to create a separate menu for mobile.

Or, add the switcher into the header on mobile in the same way you did it for desktop.

Regards

#225340 Copied

ejder077

Participant

November 20, 2019 at 14:35

Hi,

I added the language switcher to the mobile menu, but it does not appear
https://ibb.co/X4dy7TZ

#225343 Copied

Rose Tyler

Support staff

November 20, 2019 at 14:42

Hello,

Have you selected the correct menu location when the header builder is disabled?

Regards

#225346 Copied

ejder077

Participant

November 20, 2019 at 14:46

Yes, I am sure

https://ibb.co/Db8Lg31

#225347 Copied

Rose Tyler

Support staff

November 20, 2019 at 14:51

Is this menu (for main language) selected in Theme Options > Header builder > mobile menu?

Regards

#225348 Copied

ejder077

Participant

November 20, 2019 at 15:17

I tried, but I can only select one right?
If I select the “Mobile menu English”, then the website will only show the English menu no matter it is in English or Chinese on mobile right?

What I want is “Mobile menu English” on English phone version, and “Mobile menu Chinese” on Chinese phone version

#225350 Copied

Rose Tyler

Support staff

November 20, 2019 at 15:47

Your main language is Chinese? Try to select the menu of this language as was mentioned and check how the menu works.

Regards

#225351 Copied

ejder077

Participant

November 21, 2019 at 04:52

I follow your instruction and it is ok now. Thank you so much. You are very helpful.

Now, the background color of the menu is blue right (https://ibb.co/VmzwM8T) ? But when I scroll down, and scroll upward, the background changes to white (https://ibb.co/ggSd2d1). May I ask how can I make it blue?

#225372 Copied

Rose Tyler

Support staff

November 21, 2019 at 08:04

My pleasure 🙂
Theme Options > Header builder > Header sticky > Style > Background Color for mobile http://prntscr.com/pzxilz

Regards

#225376 Copied
Viewing 15 results - 1 through 15 (of 15 total)