На планшетах я буду sh, чтобы исключить кнопки из выпадающего меню. Вот так это выглядит так:
Я работаю с булмой, и для бургера существуют стандартные классы, и весь брусок помещается в бургер. Код haml выглядит следующим образом
.navbar-burger.burger{ 'data-target' => 'navMenu' }
%span.icon-bar
%span.icon-bar
%span.icon-bar
.navbar-menu#menubar
.navbar-start
%a.navbar-item.bd-navbar-item-.is-uppercase{ "data-target": 'product', href: '#product' }
Product
%a.navbar-item.bd-navbar-item-.is-uppercase{ "data-target": 'more', href: '#more' }
More
.navbar-item.is-expanded.columns.is-centered
.column.is-8.is-12-touch.has-text-black
.navbar-end
%span.navbar-item
%a.navbar-item.button.is-rounded.is-primary.is-uppercase
%span Register
%span.navbar-item
%a.navbar-item.button.is-rounded.is-primary.is-outlined.is-uppercase
%span Login
Так как же исключить кнопки из .navbar-burger.burger
на планшетах?