Forum Discussion

clemensw's avatar
clemensw
Guide
6 years ago

Different page layout for mobile and desktop view

Dear Community, we'd like to define a page layout where some rows are only displayed on desktop, some other only on mobile? Can we add "hide on mobile" or "hide on desktop" classes in the xml layou...
saikumarn's avatar
saikumarn
Advisor

Hello clemensw , try with below code.

 

<#if  !clientDevice.desktop>
    <!-- Mobile related code -->
<#else>
    <!-- Desktop related code -->
</#if>

clemensw's avatar
clemensw
Guide
6 years ago

Hi saikumarn 

thank you, but <#if !clientDevice.desktop> ... </#if> can be used in components, but not in layout definitions - right?

How can we define a row in layout defintion that is displayed on mobile or on desktop only?


Here a simple mockup example:

 

best, clemensw