Navigations in same xhtml between multiple pages are handled by a specialized navigation handler. Prepending the id of the page with "pm:" marks the outcome as a multi page navigation.

Source

navigation.xhtml

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
    xmlns:pm="http://primefaces.org/mobile">
    
    <f:view renderKitId="PRIMEFACES_MOBILE" />
    
    <h:head>

    </h:head>
    
    <h:body>
        
        <pm:page id="first">
            <pm:header title="Page 1"></pm:header>
            
            <pm:content>
                <h:form>
                    <p:commandButton value="Ajax Action" action="#{navigationView.gotoSecond}"/> 
                    <p:button outcome="pm:second" value="Go Button" />
                    <p:link outcome="pm:second" value="Go Link" />
                    <p:button outcome="/index" value="Same Domain" />
                    <p:button href="http://www.primefaces.org" value="External Domain" />
                </h:form>
            </pm:content>
        </pm:page>

        <pm:page id="second">
            <pm:header title="Page 2"></pm:header>
            
            <pm:content>
                <p>Page 2 content.</p>
                <p:button outcome="pm:first" value="Go Back" />
            </pm:content>
        </pm:page>

        //more pages

    </h:body>
    
</html>

NavigationView.java

package org.primefaces.showcase.mobile;

import javax.faces.bean.ManagedBean;

@ManagedBean
public class NavigationView {

    public String gotoSecond() {
        return "pm:second";
    }
}