Hide Top Footer on homepage and display on all pages

[mollel]

Hello
is there anyway to hide top footer on homepage and display on others page?
Thanks

[ruenel]

Hello Ole,

Thanks for writing in!

There is no option in the theme that allows you to change the display of the top footer. It will be displayed throughout the site. You need to add CSS code into X > Theme Options > CSS to be able to hide it on the homepage only.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The top footer container use x-colophon top class and body element of the homepage uses home CSS class. Therefore a proper CSS selector for hiding the top footer in the homepage only will be:

.home .x-colophon.top {
  display: none;
}

Feel free to add whatever CSS code you like inside the selector. I added a display: none to hide the element. To learn more about the “display” css property, please check this out: https://www.w3schools.com/cssref/pr_class_display.asp

The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here

If you are more interested in having control over all aspects of the footer I suggest that you consider the Pro theme which has a Footer builder and you can use various elements to create a footer.

Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.

Thank you.