Header/Footer removal

  • Resolved chloespeakeasy

    (@chloespeakeasy)


    3 years, 3 months ago

    Hi there,

    I’m putting together a very simple one page website and I’m trying to remove the header and footer as well as the search bar in top right corner and home page button in top right. I have removed all of the widgets and added additional CSS code:

    #header, #footer {
display: none;
} 
#site-header .header-navigation-wrapper, #site-header .mobile-nav-toggle {
	display: none;
}

    however the header and footer are still showing through when I preview page. When I go into Customize there is no Footer option and there is only a Header Image option. I’m wondering if there is anything else I can do?

    Thank you in advance for your help!

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

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

  • Hi @chloespeakeasy,

    Thanks for getting in touch, and thank you for using Elara!

    It looks like this CSS may have been written up for a different theme, it doesn’t really apply to Elara, unfortunately.

    It should be pretty simple to hide those two areas though- you can add this CSS in Appearance > Customize > Additional CSS:
    .header, .footer { display: none; }

    If you need any additional help tweaking this, just let us know!

    Thread Starter chloespeakeasy

    (@chloespeakeasy)

    Hi @stevenlyrathemes

    Thank you so much for your help. That worked!

    Thanks again.

    Happy to hear that- thanks for the follow up. ??

    If you need anything else, just let us know!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header/Footer removal’ is closed to new replies.