mobile site hamburger menu bar became 1 bar(line)

Hello @jalaljelz,

If possible you can change your menu HTML? If yes so please find below HTML and CSS.

HTML

<span></span>
<span></span>
<span></span>

CSS

.header-style-two .mobile-menu.mean-container a.meanmenu-reveal {
    background: transparent;
    border: 0;
}
.header-style-two .mobile-menu.mean-container a.meanmenu-reveal:before {
    -webkit-transform: rotate(45deg) scaleX(0);
    -ms-transform: rotate(45deg) scaleX(0);
    transform: rotate(45deg) scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    left: 17px;
}

.header-style-two .mobile-menu.mean-container a.meanmenu-reveal:after {
    margin-left: -17px;
    -webkit-transform: rotate(-45deg) scaleX(0);
    -ms-transform: rotate(-45deg) scaleX(0);
    transform: rotate(-45deg) scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.header-style-two .mobile-menu.mean-container a.meanmenu-reveal:before, .header-style-two .mobile-menu.mean-container a.meanmenu-reveal:after {
    content: "";
    background: #fd5636;
    height: 2px;
    right: 1px;
    margin: -8px 0 0 0;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.19,1,0.22,1);
    transition: -webkit-transform 0.2s cubic-bezier(0.19,1,0.22,1);
    transition: transform 0.2s cubic-bezier(0.19,1,0.22,1);
    transition: transform 0.2s cubic-bezier(0.19,1,0.22,1),
    -webkit-transform 0.2s cubic-bezier(0.19,1,0.22,1);
    width: 25px;
}

.header-style-two .mobile-menu.mean-container a.meanmenu-reveal span {
    display: block;
    background-color: #fd5636;
    height: 2px;
    width: 30px;
    float: right;
    clear: both;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin: 0 0 5px 0;
}
.header-style-two .mobile-menu.mean-container a.meanmenu-reveal span:last-child{
    margin: 0;
}

Please let me know if you have any queries.

Thanks

Hello @jalaljelz,

For HTML changes you can change the header.php file.

Thanks

Hello @jalaljelz,

Open your project repo on any editor.
Search meanmenu-reveal div name on your theme folder.
Replace above span HTML on searched file.

If you have any query or you do not understand Please share your header.php file so I can add HTML

Thanks