Площадь для срабатывания кнопки в мобильной версии

[aagro]

Здравствуйте. 

Проблема в следующем:

В адаптивном дизайне firefox кнопка для открытия фильтра срабатывает после нажатия по любому месту, а открываю на мобильном телефоне в браузерах (opera, chrom,firefox,safari) и кнопка срабатывает только по краям (на фото обозначено красным цветом)

 

Как можно увеличить площадь для клика, не наружу а во внутрь?

 

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 20px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

Змінено 4 грудня 2018 користувачем aagro

[n3bo]

эмм, ссылка сайт?

[aagro]

2 минуты назад, n3bo сказал:

эмм, ссылка сайт?

https://test.benoggi.com.ua/katalog/

[n3bo]

        $('[data-toggle=\'offcanvas\']')['on']('click touchstart', function (showme) {
            var shop = $(this)['data']('target');
            $('body')['toggleClass']('overlay');
            $(shop)['toggleClass']('offcanvas-open');
            return false
        });

https://test.benoggi.com.ua/catalog/view/theme/corsica/js/main.js

[aagro]

16 часов назад, n3bo сказал:

        $('[data-toggle=\'offcanvas\']')['on']('click touchstart', function (showme) {
            var shop = $(this)['data']('target');
            $('body')['toggleClass']('overlay');
            $(shop)['toggleClass']('offcanvas-open');
            return false
        });

 

Спасибо за наводку.

Изменил:

c.onmouseout = function() {
    if (g) this.className = "";
    this.getElementsByTagName("ul")[0].style.visibility = "hidden";
    this.getElementsByTagName("ul")[0].style.display = "none"
}

на

c.onmouseout = function() {
    setTimeout(function(){
        var g= g = /msie|MSIE 6/.test(navigator.userAgent);
        if (g) this.className = "";
        this.getElementsByTagName("ul")[0].style.visibility = "hidden";
        this.getElementsByTagName("ul")[0].style.display = "none" ;
    }.bind(this), 5000);
}

Работает)