Switch desktop menu to mobile menu earlier

[fmciel]

Hi,

[sorry for my bad Englisch!]

I still have the problem, that when I open my site (http://tasag.de) on a tablet (vertical view), the desktop menu is to large and should switch in the mobile view automatically.

Can you please tell my, what I should do for this change? In 2 days I would like to celebrate the website-relaunch. Until then everything mus be fine.

I would pay for your help, thank you very very much!!

[Kyle – SUPPORT]

Try this custom css:

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

.header-6 #logo, .header-7 #logo {
        width: 100%;
        padding: 0 15px;
        left: 0;
        height: auto;
        position: relative;
    }
#main-navigation {
        display: none;
    }
nav.search-nav {
                display: none;
        }
.visible-sm.visible-xs.mobile-menu-show {
                display: block!important;
        }
#logo a {
               float: left;
        }
}

– Kyle

[fmciel]

Thank you for your help! But now I have only the mobile navigation…

Do you have any other solution for this problem: http://pl.vc/5g5te

THANKS! 😉

[Kyle – SUPPORT]

Sorry missed the media query off:

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

.header-6 #logo, .header-7 #logo {
        width: 100%;
        padding: 0 15px;
        left: 0;
        height: auto;
        position: relative;
    }
#main-navigation {
        display: none;
    }
nav.search-nav {
                display: none;
        }
.visible-sm.visible-xs.mobile-menu-show {
                display: block!important;
        }
#logo a {
               float: left;
        }
}

The width is set to 1200px, you can reduce it to your needs.

– Kyle

[fmciel]

WOW!!!

You are my hero (for today!). 😉

THANK YOU SO MUCH!!

[Kyle – SUPPORT]

No problem 🙂

Glad I could help

– Kyle