Navigation elements overlap when not enough space


#1

Hi,

As can be seen in the image, when there is not enough space for all elements to be displayed, they overlap. This is important because I´m working on an application that is intended for mobile users. Is there a solution to this issue? I guess that the current date should be displayed in a new line, and so the back and forth controls.

Thanks in advace for your help.

Capture


#2

Hi,

It can be solved by using CSS media queries for specific screens. For example:

@media screen and (max-width: 600px) {
.dhx_cal_navline{height:100px!important}
.dhx_cal_date{margin-top:50px}
}

Use this link to check how it displays on mobile devices: https://snippet.dhtmlx.com/a816972a3