Hello @mrsarajar,
Please change the code to:
@media only screen and (max-width: 992px){ .header-wrapper header .container-wrapper, .et-header-full-width .fixed-header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header-wrapper .navbar-toggle, .fixed-header .navbar-toggle{ right: auto; left: 10px; } .mobile-menu-wrapper { -webkit-transform: translate3d(-270px, 0, 0); transform: translate3d(-270px, 0, 0); right: auto; left: 0; } .mobile-menu-opened .template-content { -webkit-transform: translate3d(270px, 0, 0); transform: translate3d(270px, 0, 0); } .header-wrapper .header-logo, .fixed-header .header-logo { width: 100% !important; padding-left: 0px !important; float: none; text-align: center; } .fixed-header .header-logo img.logo-fixed { display: inline-block; } .global-header-hamburger-icon .fixed-header .navbar-header, .global-header-hamburger-icon .navbar-header { margin-right: 1em; } }
Regards
