[Resolved] Disable mobile Navigation

Home Forums Support [Resolved] Disable mobile Navigation

Home Forums Support Disable mobile Navigation

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #252829
    Johannes

    Hi, I am not able to disable the Primary navigation ( I try to do it from the edit page – disable elements ) from showing up in mobile view.

    regards
    Johannes

    #252870
    Tom
    Lead Developer
    Lead Developer

    Interesting, you’re correct – this is an issue.

    On that page, you can do this:

    @media (max-width: 768px) {
        .menu-toggle {
            display: none;
        }
    }

    I’ll get this added into the next version ๐Ÿ™‚

    #252926
    Johannes

    Thank you.

    I can not make this happen.

    The code you give me should do this on all pages?
    If page id is 4, how does CSS code look like then ?

    regards
    Johannes

    #252975
    Jamal

    You can install Tom’s Simple CSS plugin and add the code on that particular page
    https://generatepress.com/knowledgebase/adding-css/

    Alternatively, you can do this:

    @media (max-width: 768px) {
        .page-id-4 .menu-toggle {
            display: none;
        }
    }
    #252986
    Johannes

    Hi, as I mentioned this code does not do the trick. The mobile version of the primary menu still appears when visiting the page from mobile or other small screens.


    @media
    (max-width: 768px) {
    .menu-toggle {
    display: none;
    }
    }

    regards
    Johannes

    #252990
    Jamal

    Sorry but have you tried putting the code in simple css? If it still doesn’t work, would you mind sharing your site link?

    #253000
    Johannes

    Hi Jamal,

    Here it is: http://www.allnor.no/bbtest/

    On this page both Primary and Secondary navigation is disabled in admin. It work ok on wide window browsers but on small browser windows the Primary navigation occurs. And yes the code is added in simple CSS.

    This website is only for testing purposes.

    regards
    Johannes

    #253044
    Tom
    Lead Developer
    Lead Developer

    Ah, you’re using the mobile header.

    In that CSS, replace .menu-toggle with .mobile-header-navigation.

    #253154
    Johannes

    Hi, I had to add the !important code. now it works ok.
    When will this bug be fixed?

    regards
    Johannes

    #253240
    Tom
    Lead Developer
    Lead Developer

    In GP Premium 1.2.93 ๐Ÿ™‚

    #270180
    Alex

    Hey Tom,

    I haven’t been able to disable mobile navigation on my site using both the .menu-toggle and .mobile-header-navigation. I have been putting it in the Additional CSS area in the WordPress Customizer. Should I be putting it somewhere else? My website is htt://www.narra.life/homev3

    Thanks!

    #270189
    Tom
    Lead Developer
    Lead Developer

    Are you wanting the “Login” link to still display?

    #270506
    Alex

    Actually I was looking to disable the navigation entirely, so both the logo and the Login… and the toggle. At the very least, I need the logo removed. It is too big on mobile.

    #270521
    Tom
    Lead Developer
    Lead Developer

    Ah, that’s much easier.

    This should do it:

    @media (max-width: 768px) {
        .main-navigation {
            display: none;
        }
    }
    #270529
    Alex

    Wow that was quick, you rock!

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.