# Homepage + Menu ### About Homepage Layouts Plain Jane offers a flexible homepage system designed to support a range of brand styles—from minimalist drops to content-heavy collections. The layout you choose determines how your navigation, visuals, and homepage flow is experienced by the user. This guide is focused on **Plain Jane 3.0** and **Plain Jane Interactive 2.0**. If you’re using **Plain Jane Starter**, you won’t have access to these homepage layouts. *** ### Available Homepage Layouts Plain Jane offers **three primary homepage layouts**, each built around a different menu/navigation structure: #### 1. **Center Menu** * Inspired by sites like Supreme * Logo centered at the top with links stacked underneath * Best for simple landing experiences * Often paired with a full-screen background > 🔗 See: [Center Menu](/plain-jane-interactive/pages-and-menus/homepage-+-menu/center-menu.md) *** #### 2. **Side-Aligned Menu** * Menu positioned vertically along the left side of the screen * Logo sits above or below the links * Clean and minimal look * Great for brands that want to emphasize visuals in the center of the screen > 🔗 See: [Side Aligned Menu](/readme-1/pages-and-menus/homepage-+-menu/side-aligned-menu.md) *** #### 3. **Compact (Hamburger) Menu** * Collapsed "hamburger" icon reveals menu drawer on click * Logo can be centered or aligned left/right * Ideal for brands that want to build scrolling homepages with multiple sections > 🔗 See: [Compact Menu Layout Setup](/readme-1/pages-and-menus/homepage-+-menu/compact-menu-layout-global-menu.md) *** ### Building Around the Layout Each menu layout is designed to work with: * **Dynamic Backgrounds**: Add solid colors, images, or slideshow backgrounds behind your menu * **Section Blocks**: Use homepage sections like Collection Lists, Product Carousels, or Image Streams to build scrollable content * **Page Canvas**: Use the `Page Canvas` section to structure your homepage when stacking multiple content blocks > 💡 **Tip:** Compact menu is best for scroll-heavy homepages. Center/Side menus work best as single-screen landing pages. *** ### Want to Skip the Homepage? You can bypass the homepage entirely by enabling **Skip Enter Screen** in Theme Settings. This will load a collection or product page as the first screen. > 🔗 Learn more: [Skip Homepage Setting](/readme-1/theme-settings/skip-home-screen.md) *** ### **Need Help?** * 💬 **Join our community on Discord:** * 📧 **Email us at:** * 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/readme-1/pages-and-menus/homepage-+-menu.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.