Move hamburger to bottom of header with full width background color.

Hey CompleteWebResources,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hi CompleteWebResources,

Can you disable caching and minification for now, so that I can test css better?

Best regards,
Victoria

Hi,

Have you used any code to customize the menu? It already appears to be in conflict. The menu item colors are white on white for me.

Please remove any previous code added and try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - mobile styles */

@media only screen and (max-width: 479px) {
.responsive body#top #wrap_all .main_menu {
    right: auto!important;
    left: 50%;
    transform: translate(-50%);
    background: gold;
    top: 218px;
    min-width: 100%;
}
.responsive #top #main {
    padding-top: 78px !important;
}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    position: absolute;
    transform: translateX(calc(50vw - 50px));
}}

Best regards,
Vinay

Hi,

Please check our documentation to add a word before the menu icon.

Hope this helps :)

Best regards,
Vinay