Docs

[tom.wujec]

Hi Themeco,

I have just returned to X Theme and it’s just fantastic with Cornerstone. But I have a problem with http://www.tomwujec.com/.

I’m trying to change the breakpoint when the site goes from a full text main menu to a mobile menu. I’d like to keep the breakpoint much smaller than the default, say at 700 pixels across.

I’ve looked through the archives and have seen several references to CSS code, none of which are doing what I’d like.

Can you advise?

Thanks,
Tom

[Paul R]

Hi Tom,

Thanks for writing in!

To achieve that, you can add this under Custom > CSS in the Customizer.

@media (max-width: 979px) {
    .masthead-inline .x-btn-navbar {
         display:none;
    }

    .x-nav-wrap.desktop {
         display: block;
    }
}

@media (max-width: 700px) {
    .masthead-inline .x-btn-navbar {
         display:block;
    }

    .x-navbar .x-nav-wrap.desktop {
         display: none;
    }

    .x-navbar .x-nav-wrap.mobile.in {
         display:block !important;
    }
}

Hope that helps.

[tom.wujec]

Fantastic. Thanks.
Once again, you guys really rock.
Tom

[Joao]

Hi Tom,

Thanks very much for your kind words.

We really appreciate it.

Let us know if you need help with anything else.

Joao

[chleroux]

Hi,

i needed the same thing than Tom, thank you.

But i have only 2 links in my menu and would like to never show the mobile menu button.
So i add only

@media (max-width: 979px) {
    .masthead-inline .x-btn-navbar {
         display:none;
    }

    .x-nav-wrap.desktop {
         display: block;
    }
}

With that solution, the mobile menu button appear too, with the normal menu.

thank you, best regards

[Paul R]

Hi,

You can try this code instead

@media (max-width: 979px) {
    body .x-navbar .x-btn-navbar {
         display:none !important;
    }

    body .x-navbar .x-nav-wrap.desktop {
         display: block !important;
    }

    body .x-navbar .x-nav-wrap.mobile {
         display: none !important;
    }
}

Hope that helps.

[chleroux]

yeah, it’s great !!!!!!!

Thank you very much

[Joao]

Great to hear it.

Reach us if you need assistance with anything else.

Joao

[Author]

Posts