New to Kendo UI for Angular? Start a free 30-day trial

Responsive Design

Responsive layouts automatically adjust and adapt to any device screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone.

The following example demonstrates how the AppBar adjusts for different screen sizes by using CSS media queries. To observe the responsive layout, resize the screen.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?