Drawers group
The Drawers group in Seventh holds the navigation drawer, the search drawer and the cart drawer, the panels that slide in from the side of the screen.
Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.
The Drawers group holds the three panels that slide in from the side of the screen. The group is part of the theme layout, so the drawers work on every page.
Where to find it: in the theme editor sidebar, open the Drawers group and select the drawer to edit.
- Navigation drawer section: the menu panel. Opens from the menu icon in the header, on mobile and whenever the header's Menu Style is Drawer or Both.
- Search drawer section: the search panel with live results. Opens from the search icon in the header.
- Cart drawer section: the cart panel with recommendations and upsells. Opens from the cart icon and after a product is added to the cart, when Theme settings → Cart → Cart type is Drawer.
All drawers share one color scheme, Theme settings → Colors → Modals/drawers (see Colors theme settings). To show a scrollbar in the drawers on desktop, turn on Theme settings → SEO & Other settings → Show drawers scrollbar (on desktop) (see SEO and other theme settings).
Related pages
- Header section: the icons that open the drawers.
- Cart theme settings: Cart type and the other cart features.
- Seventh video guides: a video walkthrough of the header, navigation and drawers.
Header menus and mega menus
Header menus and mega menus in Seventh: add a menu, a mega menu with cards, or a custom link to the main row of the Header section.
Navigation drawer
The Navigation drawer section is the Seventh mobile and side menu. This page lists its settings, its Menu blocks and the promotion cards it can show.