[Resolved] Hide Secondary Navigation on Mobile

Home Forums Support [Resolved] Hide Secondary Navigation on Mobile

Home Forums Support Hide Secondary Navigation on Mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2146219
    Debra

    I am unsuccessful at hiding the secondary navigation for mobile. I’ve tried several suggestions I found here in the forum. Can you take a look and let me know what CSS to use?

    Thanks!

    #2146223
    Fernando
    Customer Support

    Hi Debra,

    Here is a CSS you may try:

    @media (max-width: 768px) {
        nav.secondary-navigation {
            display:none;
        }
    }

    Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

    Adding it through additional CSS should work.

    Hope this helps! Kindly let us know how it goes. 🙂

    #2146238
    Debra

    Thanks, Fernando. I applied the CSS to my Child Theme’s style sheet. It doesn’t appear to work for me.

    #2146243
    Fernando
    Customer Support

    I can’t see the code I provided when viewing your site from my end. This should be visible if added correctly.

    Can you try temporarily disabling the caching mechanisms set in place in your website?

    Moreover, can you also check if there is any syntax error in the CSS codes you have in the stylesheet?

    Kindly let us know how it goes.

    #2146248
    Debra

    I can see if the host can disable any caching.

    The host provided this info when I asked them earlier today:
    “It appears that all the properties for the secondary-navigation class are generated from the gp-premium plugin (screenshot attached). It is overwriting the css for secondary-navigation, so you may need to do this another way.”

    Does that mean anything specific to you besides what you mentioned above?

    #2146260
    Fernando
    Customer Support

    Even if it’s overwriting CSS, the CSS I provided should appear. 🙂

    In any case, I found that there indeed is a Syntax error in your CSS style sheet.

    This specific section has a missing closing bracket – }: https://share.getcloudapp.com/wbuz1Gbl

    You can test that the code works if you place it on top: https://share.getcloudapp.com/rRu1q2jD

    Hope this clarifies. Kindly let us know how it goes. 🙂

    #2146265
    Debra

    Oh my goodness, thank you!!!

    #2146306
    Fernando
    Customer Support

    No problem Debra! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

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