Unique/Custom Header/Footer for Page

Greetings

I have a single page that needs a different header and footer than my global settings for other pages/posts

Custom header/footer requirements for this page = minimal header / no sticky and no footer

* I've tried creating a custom layout but it doesn't offer a way to remove footer
* Also, the minimalist with no padding option doesn't remove any padding


How can I create a custom header and remove footer for this page?

Thanks
Ward


Comments

  • Hi,
    Please tell me, you want to remove the footer only on this page or you want to remove it on other pages too?

    The header is big because it's inheriting the basic height of logo which is set in Theme Options > Global > Logo and it's normal behavior.

    Also, if you want to change it only on this page, tell me, I'll make the CSS for you.
    Thanks
  • Hey Pablo

    Thanks for getting back to me.

    Here's the page I'm working on

    Footer - I just want to remove footer for this page. At least the footer widget areas. I'm ok with keeping the lower footer area (copyright) if necessary.

    Header - I created a different Layout for this page with a smaller logo and no sticky. Other pages use a much larger logo with sticky header (these are my global settings). I can use the same menu as global settings, but I need a much smaller logo with no sticky header (global setting includes sticky). Basically I need a smaller header area. 

    Example - I created an example in Thrive Architect that shows how I'd like to get the header with minimal padding. I prefer not to use Thrive for this and use native Be Theme.

    Cheers
    Ward


  • Hi,
    Please paste this CSS into the Theme Options > Custom CSS & JS > CSS
    body.page-id-1788 #Content{
    margin:0 !important;
    }

    body.page-id-1788 #logo, body.page-id-1788 #Top_bar li a{
    height:unset !important;
    line-height:0px !important;
    padding:5px !important;
    }

    body.page-id-1788 .responsive-menu-toggle{
    margin-top:-70px !important;
    }
    Thanks
  • Awesome Pablo. I did a few small tweaks to this code and it looks like we're good to go. Thanks a million for the assist man.

    Cheers
    Ward
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.