Topics created by koundou

@Fran-Diox Thanks for the answer. No the carousel and the image also i do not want to cover the whole of screen but cover the screen that is the height of the image. For example if the image height is 200px i want the carousel cover only 200px of the screen and the image show 100% of the size in all different size of device screen.

If you want them to go to the next line then you could do something like .navigation-bar__center { white-space: initial; height: auto; } .navigation-bar { height:auto; } .navigation-bar:after { content: ''; clear:both; display: block; } However I wouldn’t recommend that as the toolbar is expected to have a fixed height and this fix may break other things, but it’s your choice. A more common approach is just replace the text with ... at the end. To do that you need: .navigation-bar__center { overflow: hidden; text-overflow: ellipsis; }