Site logo

Archived topic

Toggle-Menu on 879px

2 replies · Started by Oleg on June 26, 2016

Viewing posts 1–3 of 3

Hi Tom!

Hope you can help me.

I need to show toggle-menu at 880px, not at 768px.

Child Theme width all add-ons.

Thank you!

Hi, Jamal!

Yes, Thankyou!

My solution:


@media(max-width:900px){
.main-navigation:not(.slideout-navigation),
.navigation-clone{display:none;opacity:0}
.main-navigation.mobile-header-navigation{display:block !important;opacity:1}
.mobile-header-navigation.is_stuck{box-shadow:0 2px 2px -2px rgba(0,0,0,.2)}
.mobile-header-logo .mobile-header-navigation .menu-toggle{display:inline-block;float:right;clear:none;width:auto}
.site-header{display:none}
.mobile-header-navigation .mobile-header-logo{float:left;display:block;padding-top:10px;margin-right:10px;margin-left:10px}
.mobile-header-logo .mobile-header-navigation .mobile-bar-items{position:relative;float:right}
.nav-search-enabled .mobile-header-navigation .menu-toggle{padding-right:0}
.main-navigation ul {display: none;}
}
This archived topic is closed to new replies.