How to remove header and footer?

  • Hello,

    I have configured my site with a child OceanWP theme for my website. I have just created a simple Home Page. I have added a menu on main. Here is the – HOME PAGE.

    Find attached a screenshot with notes within.

    I would like to remove the Header Bar and Footer Bar and move the page content up. Kindly note: I have tried this piece of code

    .page-id-194 header.page-header {
display: none;
}
.page-id-194 div#footer-widgets {
display: none;
}

    And it does not work, I am looking for a OceanWP setting that can be set for the whole site.

    Kindly suggest.

    Thanks,
    Anand

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

  • Hello @ananddevops,

    How are you?

    The grey area is the Page Title. To disable it on a global level, please go to Appearance > Customize > General Options > Page Title, and set the Style to Hidden (dropdown menu).

    For the footer widgets, go to Appearance > Customize > Footer Widgets and disable. You can do the same for the footer copyright area.

    Hope this helps. Best of luck with your website

    Thread Starter ananddevops

    (@ananddevops)

    @wpfleek Thank you for those two inputs. They work perfectly.

    When I turn of the page title though, there still is a band left between the logo+menu section and the actual page. This is the actual Header – I know so cause when I go the Appearance > Customize > General Options > Header and change the BG color, under transparent header settings, to white(since the whole page is white) it ofcourse doesn’t show. But the placeholder exists.

    How do I remove/hide this header placeholder altogether?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove header and footer?’ is closed to new replies.