Guides and articles » Design » Remove top menu and bottom menu on landing page

Remove top menu and bottom menu on landing page


If you want to create a "blank" landing page where the top menu, bottom menu, top bar and other content from your online shop is hidden, this can be done via CSS codes.

With this method, ONLY the page sections are visible on the page. No menu, basket icon or anything else will be shown.

1. Create a new page and add a text section
2. In the text section, switch to HTML editing and paste the code below
3. Fill the landing page with the content you want

<style>
header{
overflow:hidden !important;
visibility:hidden !important;
height:1px !important;
padding:0 !important;
}
body, #container_footer{
background-color: #fff !important;
}
#container_footer,
.page-header.zebra-background-full,
.page-header.section-in-main-container,
.breadcrumbs,
.topbar,
.bottombar-above,
.bottombar-below{
display: none !important;
}
</style>