Templates Educon
Problems with menu items. They do not decrease, but move in two rows
https://nereta.neretasskola.lv/index.php/lv/
https://photos.app.goo.gl/Lo2DGYsSjZnYoFMRA
Problems with menu items.
3 replies
Hi. This is not the problem of the template, but your mistake. You cannot put in the box more than it can fit and to expect that this will not get out on the smaller screen width.
If you do not have CSS skills to solve this in the aspect of responsiveness for different screens, use the number of menu items and the size of the words that are shown in the demo.
Use responsive view in your browser dev tools to check the site on different screen sizes, to understand what is happening
Hi Peteris,
it's based on simple math - how many people you can put inside 5 sits car? If you are trying to put more, they do not fit into.
Solution was/is in Helix documenation - tip 17. >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-reduce-space-between-menu-items
Thanks @Pavel
BTW
Besides font used as text-transform: Uppercase (BIG LETTERS) take more virutal space in Menu than classic (Small letters).
Basic CSS knowledge ;)