Hide footer/header css script doesn’t work

  • I want hide footer and header in a specific page, I tried these css script:

    .page-id-6253 .top_bar {
    display: none;
    }

    .page-id-6253 .footer_bar {
    display: none;
    }

    or

    .page-id-6253 footer{
    display:none;
    }
    .page-id-6253 header{
    display:none;
    }

    but it doesn’t work, what I’m doing wrong?

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

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

  • Try this to hide your footer:

    .page-id-6253 btSiteFooter { display: none; }

    and this to hide your header:

    .page-id-6253 mainHeader { display: none; }

    Your CSS must reference the class name not the section name.

    Thread Starter smsalvatore

    (@smsalvatore)

    Hi Tim, thank you for your reply, I tried your script but it didn’t solve my problem.

    using the script: 

    .page-id-6253 header{
 display:none;   
}

    the header is hidden only in desktop mode but in mobile mode it’s still there.

    the same script for footer doesn’t work in desktop mode neither.

    UPADATE: I finally hidden header & footer, I should only fix the hamburger menu still showed on mobile browser, How can I hide it?

    • This reply was modified 3 years, 8 months ago by smsalvatore.
    • This reply was modified 3 years, 8 months ago by smsalvatore.
    • This reply was modified 3 years, 8 months ago by smsalvatore.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide footer/header css script doesn’t work’ is closed to new replies.