April 4, 2019 at 11:28 am
#62047
Theme Horse Support Team
Keymaster
Hi,
Please paste below custom CSS code in Appearance > Customize > Additional CSS to have the burger menu on desktop as well.
@media (min-width: 992px) {
.navbar-expand-lg {
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-flow: inherit;
flex-flow: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-lg .navbar-toggler {
display: block;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
height: 0;
display: block !important;
}
.navbar-expand-lg .navbar-collapse.show {
display: block !important;
height: auto;
}
.navbar .main-navigation {
border-top: 1px solid #eeeeee;
margin-right: 0;
display: block !important;
}
.main-navigation li {
display: block;
}
.main-navigation li + li {
border-top: 1px solid #eeeeee;
}
.main-navigation a,
.main-navigation .dropdown-menu a,
.main-navigation li ul a {
padding-top: 12px;
padding-bottom: 12px;
}
.main-navigation .search-toggle {
display: none !important;
}
.main-navigation li .dropdown-menu a,
.main-navigation li ul li a{
padding-left: 30px;
}
.main-navigation li ul li ul li a{
padding-left: 60px;
}
.main-navigation .dropdown-menu,
.main-navigation li ul {
position: relative;
top: auto;
left: auto;
width: auto;
display: block;
border-width: 1px 0 0;
}
.main-navigation ul li ul li ul,
.headernav .main-navigation ul li ul li ul {
left: auto;
}
.main-navigation ul li ul,
.main-navigation ul ul li ul,
.main-navigation ul ul ul li ul,
.main-navigation ul ul ul ul li ul,
.main-navigation ul ul ul ul ul li ul {
display: block;
}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
display: block;
}
.main-navigation .dropdown-menu,
.main-navigation li:hover .dropdown-menu {
display: none;
}
.main-navigation .show > .dropdown-menu,
.main-navigation .show:hover .dropdown-menu {
display: block
}
.main-navigation .dropdown-menu a:hover,
.main-navigation .dropdown-menu a.current-menu-item,
.main-navigation li ul li:hover > a,
.main-navigation li ul .current-menu-item > a,
.main-navigation li ul li.current-menu-ancestor > a {
background-color: transparent;
}
}
Thank you!