Что может сподвигнуть отображаемый в браузере текст игнорировать тег br?

Здравствуйте, а можно конкретный пример и в каких браузерах проверяете?

Как сделать плавное появление мегаменю?

Я так понимаю, мне нужно найти сам файл JS в который необходимо вставить этот код.
Вроде как нашел его, но куда именно вставить эту инструкцию не знаю...

/**
 * MuffinMenu 
 * 
 * Horizontal Multilevel Menu with WP MegaMenu Support 
 * 
 * 3.0 | Muffin Group
 */

 (function( $ ){
 	"use strict";
 	
 	$.fn.mfnMenu = function( options ){

 		var menu = $(this);
 		
 		var defaults = {
 			addLast		: false,
 			arrows      : false,
 			delay       : 100,
 			hoverClass  : 'hover',
 			mobileInit	: 768,
 			responsive	: true
 		};
 		options = $.extend( defaults, options );
 		
 		
 		var init = function(){
 			
			// add '.submenu' class
			$( 'li:has(ul)', menu ).addClass( 'submenu' );
			
			// append mobile toggle button
			$( 'li:has(ul)', menu ).append( '<span class="menu-toggle"></span>' );
			
			// add '.mfn-megamenu-parent' class
			menu.children( 'li:has( ul.mfn-megamenu )' ).addClass( 'mfn-megamenu-parent' );	
			
			// add '.last-item' class
			$( '.submenu ul li:last-child', menu ).addClass( 'last-item' );
			
			// add '.last' class
			if( options.addLast ) {
				$( '> li:last-child', menu ).addClass( 'last' )
				.prev().addClass( 'last' );
			}
			
			// appand submenu arrows
			if( options.arrows ) {
				$( 'li ul li:has(ul) > a', menu ).append( '<i class="menu-arrow icon-right-open"></i>' );
			}

		};
		
		
		var doMenu = function(){

			if( ( window.innerWidth >= options.mobileInit ) || ( ! options.responsive ) ){
				
				// desktop --------------------------------

				$( '> li, ul:not(.mfn-megamenu) li', menu ).hover(function() {
					
					$(this).stop(true,true).addClass( options.hoverClass );
					
					$(this).children( 'ul' ).stop(true,true).fadeIn( options.delay );
					
				}, function(){
					
					$(this).stop(true,true).removeClass( options.hoverClass );
					
					$(this).children( 'ul' ).stop(true,true).fadeOut( options.delay );	
					
				});
				
			} else {

				// mobile ---------------------------------
				
				$( 'li', menu ).unbind('hover');
				
				$( 'li > .menu-toggle', menu ).off('click').on('click', function(){
					
					var el = $(this).closest('li');
					
					if( el.hasClass( options.hoverClass ) ){
						
						el.removeClass( options.hoverClass )
						.children('ul').stop(true,true).fadeOut( options.delay );			
						
					} else {
						
						el.addClass( options.hoverClass )
						.children('ul').stop(true,true).fadeIn( options.delay );	
						
					}
					
				});
				
			}
			
		};
		

		$(window).bind( 'resize', doMenu );
		
		var __constructor = function(){
			init();
			doMenu();
		};
		
		__constructor();

	};

})(jQuery);

Как сделать плавное появление мегаменю?

Ваше решение кажется простым и правильным, но у меня сложность как раз с поиском того места, где применить эти параметры.
display: none; / display: block; генерируютя через JS и как найти именно тот элемент пока не получается.

Я в поиске в Sublime Text искал и нашел подобный код:

/**
 * MuffinMenu 
 * 
 * Horizontal Multilevel Menu with WP MegaMenu Support 
 * 
 * 3.0 | Muffin Group
 */

 (function( $ ){
 	"use strict";
 	
 	$.fn.mfnMenu = function( options ){

 		var menu = $(this);
 		
 		var defaults = {
 			addLast		: false,
 			arrows      : false,
 			delay       : 100,
 			hoverClass  : 'hover',
 			mobileInit	: 768,
 			responsive	: true
 		};
 		options = $.extend( defaults, options );
 		
 		
 		var init = function(){
 			
			// add '.submenu' class
			$( 'li:has(ul)', menu ).addClass( 'submenu' );
			
			// append mobile toggle button
			$( 'li:has(ul)', menu ).append( '<span class="menu-toggle"></span>' );
			
			// add '.mfn-megamenu-parent' class
			menu.children( 'li:has( ul.mfn-megamenu )' ).addClass( 'mfn-megamenu-parent' );	
			
			// add '.last-item' class
			$( '.submenu ul li:last-child', menu ).addClass( 'last-item' );
			
			// add '.last' class
			if( options.addLast ) {
				$( '> li:last-child', menu ).addClass( 'last' )
				.prev().addClass( 'last' );
			}
			
			// appand submenu arrows
			if( options.arrows ) {
				$( 'li ul li:has(ul) > a', menu ).append( '<i class="menu-arrow icon-right-open"></i>' );
			}

		};
		
		
		var doMenu = function(){

			if( ( window.innerWidth >= options.mobileInit ) || ( ! options.responsive ) ){
				
				// desktop --------------------------------

				$( '> li, ul:not(.mfn-megamenu) li', menu ).hover(function() {
					
					$(this).stop(true,true).addClass( options.hoverClass );
					
					$(this).children( 'ul' ).stop(true,true).fadeIn( options.delay );
					
				}, function(){
					
					$(this).stop(true,true).removeClass( options.hoverClass );
					
					$(this).children( 'ul' ).stop(true,true).fadeOut( options.delay );	
					
				});
				
			} else {

				// mobile ---------------------------------
				
				$( 'li', menu ).unbind('hover');
				
				$( 'li > .menu-toggle', menu ).off('click').on('click', function(){
					
					var el = $(this).closest('li');
					
					if( el.hasClass( options.hoverClass ) ){
						
						el.removeClass( options.hoverClass )
						.children('ul').stop(true,true).fadeOut( options.delay );			
						
					} else {
						
						el.addClass( options.hoverClass )
						.children('ul').stop(true,true).fadeIn( options.delay );	
						
					}
					
				});
				
			}
			
		};
		

		$(window).bind( 'resize', doMenu );
		
		var __constructor = function(){
			init();
			doMenu();
		};
		
		__constructor();

	};

})(jQuery);

Я пытался изменять значение delay: 100, но всё безуспешно. Если весь этот код удалить, то меню перестает корректно работать, значит это тот файл, скорее всего. Может вы подскажете где его подредактировать?

Как сделать плавное появление мегаменю?

Василий Пупкин, это стандартное меню шло вместе с темой от BeTheme

Как сделать плавное появление мегаменю?

Игорь Воротнёв, прислушаюсь к вашему замечанию, спасибо.

Как сделать выпадающий блок в меню?

О, это похоже оно, спасибо большое! Буду капаться.