Это инструкция для создания плавающего блока в сайдбаре. 
- При разрешении окна браузера больше 1100px - блок плавает в сайдбаре.
- Если разрешении окна браузера меньше 1100px - блок фиксируется в сайдбаре и тем самым не наезжает на контент на мобильных устройствах.


1. Этот код закинуть в любой файл js, который у вас подключается в шаблоне
(в этом коде цифра 1700 - это отступ от верхнего края, изменяйте под себя; цифра 1100 означает максимальный размер окна браузера, при котором блок фиксируется в сайдбаре, его не трогайте ):

// плавающий блок в сайдбаре
 $(window).scroll(function() { 
  var top = $(document).scrollTop();
  var width = $( window ).width();
   if (top < 1700 || width < 1100) $(".floating").css('position', 'relative').stop();
   else $(".floating").css({top: '5px', position: 'fixed'}).fadeIn(1000);
 });


2. Этот код закинуть в любой файл css, который у вас подключается в шаблоне
   (этот стиль вы можете немного подредактировать под себя: ширину, высоту, отступы):

.floating {
    color: #000;
    font: normal normal 14px Tahoma;
    padding: 20px;
    max-width: 215px;
    height: 306px;
    margin: 0 auto;
    margin-left: 30px;
    display: block;
    background-color: #FCFBFB;
}


3. Этот код блока закинуть в sidebar.php, ниже других блоков (потестируйте месторасположение "методом тыка"):


<div class="floating">

 Здесь то, что будет плавать в сайдбаре

</div>