"Change of the menu-button for theme" (#2819802) / mwtemplates

Comments

1
Tadeusz started the conversation
July 6, 2021 at 8:43pm
Hey !
I need to change the colours of the menu button that appears below 991px screen width. All I was able to do is leave "stripes" white and change background to black. But I need this to be reversed - stripes (transforming later into X after you press it) needs to be black and background will be white.
Please help with above.
Regards,
Ted

1,627

Andrey replied

July 7, 2021 at 8:08am

Hello, Dear Tadeusz!

To do this - please click WP Dashboard => Appearance => Customize => Additional CSS and paste this code here:

@media (max-width: 991px) {
.display_table_md .display_table_cell_md .toggle_menu {
    background-color: #ffffff;
    }
}    
@media (max-width: 991px) {
.toggle_menu:before, .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after {
    background-color: #222;    
    }
}
@media (max-width: 991px) {
.toggle_menu.mobile-active:before {
    background-color: #000;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    }
}
    
        
@media (max-width: 991px) {
.toggle_menu.mobile-active span {
    background-color: #000;
    -webkit-transform: rotate(
-45deg
);
    -ms-transform: rotate(-45deg);
    transform: rotate(
-45deg
);
    }
}

Then save changes and check the results at front-end.

Best Regards!