mr_dev1l

через flex

var width = $(window).width();
	if (width<920){
                $('body').on('click' , 'li' , function(e){
                     menu.slideToggle();
                });
        }

Делаете слой с z-index:2 и все, по нажатию на него его же и скрываете
<div id="overlay"></div>

#overlay{
position:fixed;
z-index:2;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(255,255,255,0.6);
}

$("#overlay").click(function(){
$(this).fadeOut(500);
});

ну и конечно не забываем про куки, чтобы постоянно при перезагрузке страницы слой не появлялся

в рубриках используется get_field
а вот весь код:

<?php $cat_page_title = get_field('h1_caption', "category_".get_query_var('cat'));
      if (!empty($cat_page_title)) {
           echo $cat_page_title;
            } else 
          {                                                                    
          single_cat_title();
            }
                ?>