Different dimensions for each view in ui builder

[olhadanylova]

Hello @Thomas_Vandergraesen,

Please check these answers from the related topic:

Responsive screen

Just add both classes to the component you want to hide: hide-mobile, hide-tablet

Responsive screen

Hi @Thomas_Vandergraesen In addition, you can do something like this: @media (max-width: @appLayoutMaxPhoneWidth) { .visible-tablet:not(.visible-mobile), .visible-desktop:not(.visible-mobile) { display: none !important; } } @media (min-width: @appLayoutMinTabletWidth) and (max-width: @appLayoutMaxTabletWidth) { .visible-mobile:not(.visible-tablet), .visible-desktop:not(.visible-tablet) { display: none !important; } } @media (min-width: @appLayoutMinDesktopWidth) { …

Regards,
Olha