> ## Documentation Index > Fetch the complete documentation index at: https://vr-it-services-pro.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. > Container, navbar, sidebar, logo width, and the header CTA buttons. # Layout settings # Layout settings Full reference for the Layout and General sections. **Admin path:** Appearance → Customize → Vara SaaS → Layout ![Screenshot: Customizer → Vara SaaS → Layout with container, navbar, sidebar and CTA controls](https://mintlify.s3.us-west-1.amazonaws.com/vr-it-services-pro/images/screenshots/layout-settings-panel.png) ## Layout section | Setting | Default | Setting key | Options / range | | - | - | - | - | | **Container layout** | `wide` | `vara_saas_container_layout` | `wide`, `boxed` | | **Navbar layout** | `left` | `vara_saas_navbar_layout` | `left`, `centered` | | **Enable sidebar** | `true` | `vara_saas_sidebar_enabled` | on / off | | **Primary CTA text** | `Explore Features` | `vara_saas_cta_explore_text` | free text | | **Primary CTA URL** | `#features` | `vara_saas_cta_explore_url` | free text | | **Secondary CTA text** | `Build Now` | `vara_saas_cta_build_text` | free text | | **Secondary CTA URL** | `/contact/` | `vara_saas_cta_build_url` | free text | | **Logo Max Width (px)** | `150` | `vara_saas_logo_width` | 50–400 | ## General section | Setting | Default | Setting key | Effect | | - | - | - | - | | **Enable sidebar** | `true` | `vara_saas_sidebar_enabled` | Site-wide sidebar switch | | **Enable scroll to top button** | `true` | `vara_saas_scroll_top` | Floating scroll-to-top button | | **Show page title** | `true` | `vara_saas_page_title` | Whether pages render a theme `h1` | | **Show breadcrumbs** | `false` | `vara_saas_breadcrumbs` | Breadcrumb trail on pages | | **Show theme toggle in navbar** | `true` | `vara_saas_nav_theme_toggle` | Light/dark switch in the header | > [!NOTE] > > **Enable sidebar appears in both sections.** They control the same setting (`vara_saas_sidebar_enabled`). Changing it in either place has the same effect. ## Container layout | Option | What happens | | - | - | | **Wide** | Content fills the viewport up to a generous maximum width. Gains a `vara-saas-full` body class. | | **Boxed** | Content sits in a centered column with a distinct page background. Gains a `vara-saas-boxed` body class. | ![Screenshot: wide and boxed container layouts side by side](https://mintlify.s3.us-west-1.amazonaws.com/vr-it-services-pro/images/screenshots/layout-settings-wide-boxed.png) > [!WARNING] > > **This does not affect builder pages.** On any page owned by Elementor, Beaver Builder, Divi, or Bricks, the theme removes its container entirely. The setting only applies to blog, archives, search, plain pages, and non-builder single posts. ## Navbar layout | Option | Arrangement | | - | - | | **Left** *(default)* | Logo on the left, navigation, theme toggle, and CTA buttons on the right | | **Centered** | Logo centered, navigation arranged around it | ![Screenshot: left and centered navbar layouts](https://mintlify.s3.us-west-1.amazonaws.com/vr-it-services-pro/images/screenshots/layout-settings-navbar.png) Both layouts include the mobile toggle, dark mode switch, and both CTA buttons. The mobile menu behaves identically in either. ## Sidebar The site-wide switch controls whether the sidebar renders at all. > **Where it appears** > > On single posts, subject to the **Single post layout** setting. On plain pages, only when the page's **Sidebar Settings** box says so. Archives, search, and the blog index do not show a sidebar. > **If no widgets are in it** > > The sidebar area still renders as an empty complementary region. If you do not use widgets, turn the sidebar off — an empty column on wide screens looks like a bug. See [Sidebars and widgets](/customization/sidebars-and-widgets.md). ## CTA buttons Two buttons render in the header on desktop. | Button | Default label | Default URL | Style | | - | - | - | - | | **Primary** | `Explore Features` | `#features` | Filled with your Primary color | | **Secondary** | `Build Now` | `/contact/` | Outlined | > [!WARNING] > > **Both default URLs are demo artefacts.** `#features` is an anchor that only exists inside the imported homepage layout, and `/contact/` assumes the imported contact page still lives at that slug. Point both at real pages before launch — it is on the [launch checklist](/getting-started/launch-checklist.md). ## Logo width Clamped between 50 and 400 px, default 150. The theme applies the value with `!important` to both `.custom-logo-link img` and the footer brand logo, so an oversized upload cannot break the header. Set the value explicitly if the auto-scaling does not suit your design — a 400 px wide wordmark in a narrow header will crowd the menu. For the footer logo, use the separate footer setting. See [Footer settings](/customization/footer-settings.md). ## Show page title | Value | Effect on plain pages | | - | - | | **On** *(default)* | The page renders an `h1` with its title above the content | | **Off** | Only the content renders | **You rarely need this** On any page built with a page builder, the theme suppresses its own title automatically. This setting matters for plain WordPress pages — and for one more reason: turning it off avoids two `h1`s when your content begins with an `h1` of its own. ## Show breadcrumbs Off by default. When enabled, breadcrumbs appear **on pages only** — not on single posts, archives, or search results. They are Yoast-aware: if Yoast SEO is active, the trail follows your SEO breadcrumb settings. Without Yoast, a minimal fallback trail is generated. ![Screenshot: a breadcrumb trail above page content](https://mintlify.s3.us-west-1.amazonaws.com/vr-it-services-pro/images/screenshots/layout-settings-breadcrumbs.png) > [!NOTE] > > Breadcrumbs also need structured data to be useful in search results. The theme renders the visible trail; your SEO plugin supplies the markup. Use them together, or not at all. ## Scroll to top button A floating button appears when you scroll past the first screenful and returns you to the top. Styling follows your Primary and Surface colors. > [!TIP] > > On a short page it never appears, which is correct behaviour. To check it, visit a long post. ## Theme toggle Controls whether the light/dark switch appears in the navbar. Turning it off hides the button but does not disable dark mode — visitors who previously chose dark will still see dark. See [Dark mode](/customization/dark-mode.md). ## Related > **[Single post settings](/customization/single-post-settings.md)** > > Post-level layout and metadata. > **[Header and menus](/customization/header-and-menus.md)** > > What the navbar layout controls in practice. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.