• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Genesis User

Genesis User

Build your own website using a StudioPress theme and Genesis Blocks plugin..

  • Home
  • StudioPress etc
    • Genesis Blocks
    • StudioPress
    • Genesis Pro
    • WP Engine
  • Get Genesis for Free
  • Themes
    • Genesis Sample Theme
    • WP Engine Themes
  • Genesis Blocks
You are here: Home / Genesis Blocks / Website Builder / What to do if your theme is not full width

What to do if your theme is not full width

February 1, 2021 by PhilG

Some StudioPress themes do not have a full width layout. Luckily, there’s a plugin that can help.

Monochrome Pro theme works well with the Genesis Blocks layouts, but some themes need tweaking to make the full width layouts look their best.

Is your layout to narrow?

After adding a Genesis Blocks page layout to your theme, view the page to see how it looks. If the page is much too narrow, install a plugin called…

Fullwidth Templates for Any Theme & Page Builder

This is a free plugin and it works with most themes.

Get the Plugin

Fullwidth Templates for Any Theme & Page Builder

After installing the plugin, you need to edit the web page…

Select the Page tab in the post editor sidebar

  1. Expand the Page Attributes tab
  2. Select, Template: FW Fullwidth
  3. Then click the Genesis icon in the top right of the post editor
  4. Hide the Breadcrumbs
  5. Hide the post Title
  6. Then in the Layout tab select: Full Width Content

This will make the Genesis Blocks Layouts span the full page width in most themes. However, some themes position the navigation bar on top of the hero header block. The hero header is the top block on the page.

You might need a spacer

If the headline at the top of the page template is too close to the navigation bar, add a spacer above the headline or add top padding to the headline block.

Test using different devices

After adding a spacer block or adding padding above the headline, check to see how the page looks in different web browsers and on mobile devices.

Filed Under: Website Builder

Download Genesis Framework for Free

The Genesis Framework and the Genesis Sample theme are now free for all to download and use.

Get Genesis for Free

Footer

Search This Website

Get Genesis for Free

The Genesis Framework is now free, find out how to get it here…

Get Genesis Free

Did you see these pages?

  • WP Engine Themes (From StudioPress)
  • Genesis Blocks Tutorials
  • Get Genesis for Free
  • Genesis Sample Theme
  • 10 Free Themes With WP Engine Hosting
Get 10 StudioPress themes free with WP Engine hosting.
Get 10 StudioPress themes free with WP Engine hosting.

Copyright © 2023 · Genesis User: This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc.
WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.