Multi Language on Mobile Page

(0) Share

Report

Posted on by MRauscher

Hi Guys

I have created a Power Page with multi languages. In the web browser the language selection works without any problems. In the mobile view I have no possibility to change the language or the selection field is not visible.
Does this function have to be programmed purely or does a setting have to be adjusted?
The Power Page is still from the Type Trial.

Thx Michael

Categories:

General

Screenshot 2025-0...

All responses (2)

Answers (0)

Suggested answer

surya narayanan 43 on at

Like (1)

Report

Multi Language on Mobile Page

Hi,

On Power Pages, the language switcher is not automatically shown in the mobile layout unless it’s been explicitly added to your site’s header or page template.

Here’s why:
Language selection is not injected automatically — the trial template only adds it in the desktop header.
On smaller viewports, some templates hide the switcher with CSS (for example display: none; on .navbar-nav .language-picker in mobile view).
There’s no site-wide toggle that “turns on” the language selector for mobile — you have to either customize your layout or use a built-in language picker snippet.

How to fix

1. Check your Page Template or Header Web Template
Open your site’s Header Web Template in the Portal Management app.
Look for this Liquid snippet:
{% include 'Language Picker' %}
If it’s missing, add it where you want the selector to appear.

2. Adjust CSS for mobile
Many trial templates hide the language picker with a media query like:
@media (max-width: 767px) {
.language-picker { display: none; }
}
Remove or override that rule in your site’s custom CSS.

3. Use the built-in Language Picker component
Power Pages provides a ready-to-use Language Picker snippet that works for all languages configured on the site.
Add it to your mobile header or hamburger menu for easy access.

4. No extra setting required
Multi-language itself is fully supported in trial sites. There’s no toggle to “enable on mobile” — it’s purely a template/layout matter.
Suggested answer

Robu1 1,274 Super User 2025 Season 2 on at

Like (0)

Report

Multi Language on Mobile Page

Hi MRauscher,

Thank your for choosing Power Platform Community.

The language dropdown control is present in the desktop layout but not automatically included or visible in mobile view. This usually happens because:

The language control is placed in a page header or web template section that isn’t rendered in mobile mode.

Some components (like LanguageSelector) are only enabled for desktop layouts unless explicitly programmed for mobile responsiveness.

Likely Solutions
-Custom Implementation: You may need to manually add a mobile-friendly language selector via Liquid or JavaScript in the header/footer section.

-Use Responsive Layouts: Customize the site's layout templates to ensure the language control appears in mobile view—especially if using out-of-the-box templates that don’t account for mobile visibility.

-Check Site Settings: In the portal settings, confirm that multilingual support is properly configured across all device views.

If this fixes the issue, please mark as resolved to help others with find it.

Happy to help
Robu1
SuperUser| Moderator

Community site session details

Multi Language on Mobile Page

Helpful resources

News and Announcements

Quick Links

Paul Stork – Community Spotlight

Congratulations to the June Top 10 Community Leaders!

Announcing the Engage with the Community forum!

Leaderboard > Power Pages

Featured topics

Product updates

Community site session details

Multi Language on Mobile Page

Helpful resources

News and Announcements

Quick Links

Paul Stork – Community Spotlight

Congratulations to the June Top 10 Community Leaders!

Announcing the Engage with the Community forum!

Subscribe to this forum!

Select categories

Leaderboard > Power Pages

Featured topics

Product updates