Auto split a dropdown menu in 2 columns

Horizontal Dropdown menus are great for navigation if your website has a lot of hierarchical content. The problem is that if you have too many links in the one category the menu will take up too much horizontal space and it will be difficult to navigate the page, especially on mobile screens.     The elegant solution is to split horizontal links in 2 columns, once their number reaches certain limit. This is surprisingly simple to achieve and you will never have to deal with those pesky long menus that take up entire screen. Here is a example how to […]

Read more >>

How to make a custom fixed scroll sidebar that moves until footer

Floating UI elements are becoming increasingly popular as they can improve navigation on the website when you have a lot of content. They are also very useful when you are navigating on a small, mobile screens. However , just editing CSS property of the element to position:fixed is probably not enough to create desired effect. We need to put more effort if we want to make UI work nicely for your users. The optimal solution would have this features: Menu should only move vertically Menu should change it position depending on distance from other elements in the same column Menu […]

Read more >>