child css isn't working

  • Please help, I’m a newbie and been stuck with this all day:

    I need to disable the menu on this page:
    https://nikolai-lu.com/test-page/

    I’ve tried these 2 routes which brought no success:
    1) custom css plugin
    2) child css

    I’ve added these css and they did nothing at all:
    .page-id-3303 #site-navigation (also tried #top-bar) {
    display: none;
    }
    (also tried #top-bar)

    Then I suspected something wasn’t right, and tried to disable the whole page by adding #page into css above

    Nothing happens.

    I cleared the caches: w3cache, my internet browser cache and even cdn cache.

    Nothing happens.

    Please help, i’ve no idea why nothing is working ??

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

  • Just add this code into custom css

    .sticky-wrapper {
    background-color: #222;
    display: none;
    }

    .sticky-wrapper wraps your whole nav bar.

    if you use property as
    display none;

    This will remove vanish whole nav bar from your specific page.

    Make sure, you add this file into custom css file.

    Thread Starter nikolai.lou

    (@nikolailou)

    Nope, it’s not doing anything (added it to custom css), all pages including the one i need still have the nav bar ??

    When I looked at your site (5:02pm, Mountain time), I don’t see the navigation bar on the page you linked. Have you cleared your caching plugin or force-refreshed your browser? Is your host caching your site?

    Thread Starter nikolai.lou

    (@nikolailou)

    And this is why I love you guys!

    Works!

    I added this though to make sure only that page does not show the menu:

    .page-id-3303 .sticky-wrapper {
    background-color: #222;
    display: none;
    }

    ***Guys, why do you add a dot before sticky-wrapper and not a # ?

    Awesome! ??

    Let us know if you need anything else!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘child css isn't working’ is closed to new replies.