TurbanOlsen

This worked for me in a child theme
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

.primary-navigation {
box-sizing: border-box;
float: left;
font-size: 14px;
padding-top: 0px;
}
.primary-navigation .menu-toggle {
display: none !important;
padding: 0;
}

.primary-navigation .nav-menu {
border-bottom: 0;
display: block !important;
}
.primary-navigation.toggled-on {
border-bottom: 0;
margin: 0;
padding: 0;
}

.primary-navigation li {
border: 0;
display: inline-block !important;
height: 48px;
line-height: 48px;
position: relative;
}

.primary-navigation a {
display: inline-block !important;
padding: 0 12px;
white-space: nowrap;
}

.primary-navigation ul ul {
background-color: #24890d;
float: left;
margin: 0;
position: absolute;
top: 48px;
left: -999em;
z-index: 99999;
}

.primary-navigation li li {
border: 0;
display: block !important;
height: auto;
line-height: 1.0909090909;
}

.primary-navigation ul ul ul {
left: -999em;
top: 0;
}

.primary-navigation ul ul a {
padding: 18px 12px;
white-space: normal;
width: 176px;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
background-color: #24890d;
color: #fff;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
background-color: #41a62a;
}

.primary-navigation ul li:hover > ul,
.primary-navigation ul li.focus > ul {
left: auto;
}

.primary-navigation ul ul li:hover > ul,
.primary-navigation ul ul li.focus > ul {
left: 100%;
}

.primary-navigation .menu-item-has-children > a,
.primary-navigation .page_item_has_children > a {
padding-right: 26px;
}

.primary-navigation .menu-item-has-children > a:after,
.primary-navigation .page_item_has_children > a:after {
-webkit-font-smoothing: antialiased;
content: “\f502”;
display: inline-block;
font: normal 8px/1 Genericons;
position: absolute;
right: 12px;
top: 22px;
vertical-align: text-bottom;
}

.primary-navigation li .menu-item-has-children > a,
.primary-navigation li .page_item_has_children > a {
padding-right: 20px;
width: 168px;
}

.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
content: “\f501”;
right: 8px;
top: 20px;
}
.site-navigation a {
font-size: 1.2em !important;
}
.search-toggle {

float: right;

}

}