Force mobile menu on certain devices

[agolden42]

My site is http://www.garggolden.com.  It looks great on just about any device, but I noticed on a Kindle Fire 7″ in landscape position, the menu appears underneath the header logo.  Because the background for the menu and the lettering are white/nearly white, the menu cannot be seen.

For a device of that size, I’d rather it use the mobile menu even in landscape view like it does in portrait.  Alternatively, if there is a way to adjust the size of the logo and menu so they look like they do on a desktop, that would work too.

I tried the code from this post: https://archived.seventhqueen.com/forums/topic/the-header-doesnt-resize-properly-on-mobile but it doesn’t work for the Kindle Fire 7″.  I’m guessing the resolution is different, but I can’t seem to get it right.  But, again, I’d rather it force the mobile menu to load anyway.

Any assistance would be appreciated.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Sorry for the late reply,

Please add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

@media (min-width:992px) and (max-width:1200px) {

    .collapse.navbar-collapse.nav-collapse {
        display: none !important;
    }

    .kleo-main-header .navbar-toggle {
        display: inline-block !important;
        margin-right: 0 !important;
    }

    .navbar-header {
        width: 100% !important;
    }

}

Now the mobile menu will be shown until 1200px width.

Let me know if is ok.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts