Mobile Menu Not Working

B Started by Beth · March 13, 2025 at 9:28 pm · 1 reply 0 voices Last reply 1 year, 3 months ago
ST
Spiracle Themes Original poster
#2

Hi Beth,

I’m not sure why your toggle button is showing up on the left. It could be due to some changes in the code or perhaps a plugin that’s affecting the layout. For now, you can try using this CSS as a temporary solution.

@media only screen and (max-width: 767px) {

    header.style-1 #krystal-main-menu-wrapper .navbar-toggle, 
    header.style-2 #krystal-main-menu-wrapper .navbar-toggle {
        left: 140px !important;
    }

    header.style-1 #krystal-main-menu-wrapper .navbar-toggle.collapsed, 
    header.style-2 #krystal-main-menu-wrapper .navbar-toggle.collapsed {
        left: 230px !important;
    }

    #krystal-main-menu-wrapper .collapse.in {
        display: block !important;
        width: 162% !important;
    }
}

Copy & Paste it into Appearance -> Customize -> Additional CSS

Best Regards

Post a reply

Join the conversation. Be kind — this is a public forum.

Replying to Mobile Menu Not Working

By posting, your reply becomes public (unless marked private).