[Resolved] How to disable mobile menu on small screens?

[v4ncouver]

Hi,
I’ve bought Elementor Pro and use the menu widget on the front page of https://www.littlecomposers.com

The homepage has all elements disabled except for Top Bar and Footer.
Header, Primary Nav, Featured img and Content title are disabled.

For some reason, on small screens (iPad in Portrait and iPhone on both Portrait and Landscape mode) show the mobile menu.

What am I doing wrong?

I would prefer to use the index page with the Elementor Menu Widget and all other pages, with the standard GP menu.

Any hints?

Thanks! 🙂

[Tom]

You’re using the mobile header. You can turn it off in Customize > Layout > Header.

[v4ncouver]

Thanks Tom,
I was hoping to keep the mobile header for the “other” pages but I understand what you are saying.

[Tom]

You can disable it on that page only by doing this:

.home #mobile-header {
    display: none;
}

[v4ncouver]

Thank you Tom,
I had to add “!important” to make it work but now it does.

Slowly but surely, we are getting there. GP rocks! 🙂

[Tom]

Glad you got it working 🙂

[scottierae]

Had the same issue – glad I found this post! Thanks Tom!

[Tom]

Glad it helped! 🙂

[Endre]

Thanks. It solved my problem.

[Leo]

Awesome 🙂

[Coen]

Unfortunately, this did not work for me. Has something changed over time why this might not work anymore?

Kind regards

[Leo]

Any chance you can open a new topic and link us to the page in question?

Thanks 🙂

[Author]

Posts