CSS code won’t work

  • There’s something driving me crazy with my WordPress site.

    I’m using a plugin called QSM to run a survey for my podcast. The survey lives here: https://www.hablandodetecnologia.com/encuesta2020/ .

    I would like to eliminate the menus at the top in order to limit the participant’s options and not have them wander off to another point on my site at the moment of filling my survey.

    For that purpose I’m using a Chrome extension called Stylebot to find the CSS code that would hide my menus. It’s giving me this:

    a.mega-menu-link {
    display: none;
    }

    When I see the page in Stylebot my menus actually disappear but when I place the code on the page using a plugin called: “Custom CSS – Whole Site and Per Post” they don’t.

    This has me bewildered because this same plugin (Custom CSS – Whole Site and Per Post) works perfectly with everything else. So I don’t know if the problem is QSM, the CSS plugin or maybe even my theme.

    Can anyone help me figure this one out?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    I think you might need a little custom CSS:

    -Go to Admin Dashboard/Appearance/Customize.

    -Click on your menu to choose the correct page.

    -Click “Additional CSS” in the left sidebar.

    Paste this in the bottom window:

    
.site-navigation {display: none;}

    -Make sure you click the Publish button at the top.

    Don’t use ‘Custom CSS – Whole Site and Per Post’ plugin for this, it will just complicate everything.

    Good Luck

    Mike

    • This reply was modified 4 years, 3 months ago by mickeyo.
    • This reply was modified 4 years, 3 months ago by mickeyo.
    Thread Starter accucomm

    (@accucomm)

    Thank you Mike for your prompt response. Apparently this solution won’t work for me because my survey page is not included in the menus. It lives as an independent page that you can only access through its URL.

    And just so you know, in case it matters, I’m not using the block editor either. I prefer the old one.

    Any hope for me?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS code won’t work’ is closed to new replies.

Tags