Archived topic

How to disable mobile menu on small screens?

11 replies · Started by v4ncouver on October 10, 2017

Viewing posts 1–12 of 12

October 10, 2017 at 4:42 pm #400959

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! :)

October 10, 2017 at 11:41 pm #401080

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

October 11, 2017 at 2:21 am #401162

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

October 11, 2017 at 9:52 am #401414

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

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

October 11, 2017 at 4:40 pm #401610

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! :)

October 11, 2017 at 7:00 pm #401658

Glad you got it working :)

December 8, 2018 at 9:15 pm #751793

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

December 9, 2018 at 9:08 am #752146

Glad it helped! :)

January 19, 2019 at 1:16 pm #786555

Thanks. It solved my problem.

January 19, 2019 at 3:02 pm #786606

Awesome :)

February 7, 2020 at 5:36 am #1157768

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

Kind regards

February 7, 2020 at 8:43 am #1158116

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

Thanks :)

This archived topic is closed to new replies.