[hjhatch]

Is there a way to add a border or box around the 3 line mobile menu?

Thanks

[Pratik]

Hi @hjhatch,

Can you post in your site url?

Regards,
Pratik

[Pratik]

Hi @hjhatch,

Try following code in Appearance=> Customize=> Additional CSS box:

#header-left-menu {
    border: 1px solid #000;
}

@media screen and (max-width: 990px) {
   .mobile-menu-one #site-branding {
        width: 670px;
    }
}

@media screen and (max-width: 767px) {
   .mobile-menu-one #site-branding {
       width: 590px;
   }
}

@media screen and (max-width: 700px) {
   .mobile-menu-one #site-branding {
        width: 490px;
   }
}

    @media screen and (max-width: 600px) {
       .mobile-menu-one #site-branding {
        width: 450px;
    }
}

@media screen and (max-width: 540px) {
    .mobile-menu-one #site-branding {
        width: 390px;
    }
}

@media screen and (max-width: 480px) {
    .mobile-menu-one #site-branding {
        width: 320px;
    }
}

@media screen and (max-width: 400px) {
    .mobile-menu-one #site-branding {
        width: 260px;
    }
}

@media screen and (max-width: 319px) {
    .mobile-menu-one #site-branding {
        width: 100%;
    }
}

If this does not work, please post in your site url.

Regards,
Pratik

[Author]

Posts