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...
clemensw's avatar
clemensw
Guide

Hi DougS 

thank's!

Does Lithium also provide any default display properties (css-classes) that can be used? e.g. Bootstraps's ".d-sm-none .d-md-block" for "hidden only on sm" or any similar?

regards, clemensw

saikumarn's avatar
saikumarn
Advisor
6 years ago

Hello clemensw , try with below code.

 

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