Question

Можно ли сделать только через css, чтобы меню сайта отображалось полностью (в два, три ряда), не требуя разворачивания для просмотра?

Answer 1

Нет, просто переписав стили нельзя, нужно еще и скрипт переписать: http://xn--e1adljdc.xn--p1ai/.s/t/1704/main.js удалить с него:

(function ($) {
    $.fn.uNavMenu = function () {
        function init() {
            if(!$('.navItemMore',this).length){
                $('.uMenuRoot',this).append('<li class="navItemMore"><div class="nav_menu_toggler"><span></span><span></span><span></span></div><ul id="overflow"></ul></li>');
            }
            $('.uMenuRoot li.navItemMore',this).before($('#overflow > li',this));

            var $navItemMore = $('.navItemMore',this),
                $navItems = $('.uMenuRoot > li:not(.navItemMore)',this),
                navItemWidth = $navItemMore.width(),
                windowWidth = $('[id^="uNMenuDiv"]',this).width();

            $navItems.each(function () {
                navItemWidth += $(this).width();
            });

            navItemWidth > windowWidth ? $navItemMore.show() : $navItemMore.hide();

            while (navItemWidth > windowWidth && window.innerWidth > 960) {
                navItemWidth -= $navItems.last().width();
                $navItems.last().prependTo('#overflow',this);
                $navItems.splice(-1, 1);
            }

            $('.uMenuRoot',this).css({overflow: 'visible'});
        }

        return init.apply(this);
    };
})(jQuery);

var umenu = function(){$('#catmenu').uNavMenu()};