Navigation elements overlap when not enough space


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.



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

@media screen and (max-width: 600px) {

Use this link to check how it displays on mobile devices: