Skip to main content

YOOtheme – Create a page without header and footer

Tutorial 4 and
  • Create a new Article: Dashboard -> Content -> Articles -> NEW
  • Create a new menu item with the article you just created: Dashboard -> Menus -> *Your Menu* -> NEW
  • Give it a title and select Menu Item Type -> Articles -> Single Article – than select your new article
  • Now switch to the Link Type tab and specify whether the new menu item should be displayed in the menu or not. Display in Menu -> Yes or No
  • Now switch to the Page Display tab and enter the exact string:
no-header no-footer
  • Click “Save & Close” in the toolbar
  • Navigate to YOOtheme > SETTINGS > Custom Code > CSS/LESS, and add the following to it:
.no-header .tm-page > header,
.no-header .tm-page > footer { display: none; } 

Note:
If you only want to hide the header or only the footer, enter either no-header or no-footer under Page Display -> Page Class.

Leave a Reply