Skip to main content

​
Layout and container

Three decisions that affect every page on your site: how wide the content is, how the navbar is arranged, and whether the sidebar is on. Admin path: Appearance → Customize → Vara SaaS → Layout Screenshot: Customizer → Vara SaaS → Layout showing container, navbar and sidebar controls

​
Container layout

The single most visible layout decision. Screenshot: side-by-side comparison of wide and boxed container layouts
Changing this adds a vara-saas-full or vara-saas-boxed class to the <body> element, so you can also target it in custom CSS. See CSS and design tokens.
Controls how the header is composed. Screenshot: the header in left-aligned and centered navbar layouts The mobile menu, dark mode toggle, and CTA buttons are present in both layouts. The sidebar appears on single posts by default, in the position chosen by Single post layout.
This is a site-wide switch. Turning it off hides the sidebar on every page that would otherwise show it. Individual pages have their own override — see Sidebars and widgets.

​
CTA buttons

Two buttons sit in the header on desktop. Both are fully editable. Screenshot: the header showing both CTA buttons with their labels
These defaults point at demo anchors. #features is an anchor inside the demo homepage, and /contact/ assumes the imported contact page still exists at that slug. If you delete the demo pages without updating these, your header will link to nothing. Change both URLs as part of your launch pass.

​
Logo width

Admin path: Appearance → Customize → Site Identity → Logo Max Width (px) Clamped automatically so a wide logo cannot push the menu off screen. See Site identity.

​
Which layouts does the theme actually control?

This is worth internalising, because it determines where your layout settings have any effect.
If a layout change appears to do nothing, check whether that page is builder-owned. Use the vara-saas-builder-page body class as your diagnostic — see How the theme works.
For most SaaS marketing sites:
  • Container: Wide
  • Navbar: Left
  • Sidebar: On, but set to Full width on posts if you do not have widgets to fill it
  • CTAs: Point at your highest-intent pages — pricing, contact, or signup

Layout settings reference

Every setting in this panel, with defaults and ranges.

Single post settings

Per-post layout and metadata controls.