If you’re using GeneratePress out of the box and find that your pages aren’t spanning the full width as you’d like, here’s how to fix that using the Elements feature in GeneratePress.
In this example, the homepage title is displaying, which we don’t want, and the content is sticking to the container width rather than going full width. To resolve this, follow these steps:
Create a New Layout Element:
- Go to the Elements feature in GeneratePress.
- Click “Add New Element” and choose “Layout” as the element type.
- Name it something like “Site Layout” (or whatever makes sense for you).
Set Content to Full Width:
- In the Layout settings, under the “Content” section, select “Full Width (no padding)” for the content area.
- This ensures that the content will span the full width of the page.
Apply the Layout Site-Wide:
- Under “Display Rules,” set the location to “Entire Site.”
- This will apply the full-width layout to all pages on your site.
Disable the Page Title:
- In the same layout element, go to the “Disable Elements” section and check the box for “Content Title.”
- This hides the default page title, which is often unnecessary if you’re building out the page hero dynamically.
Publish and Refresh:
- Hit “Publish” on your layout element.
- Refresh your homepage, and you’ll see the content now spans the full width, and the page title is hidden.
This approach can save time and frustration when working with GeneratePress, especially if you’re new to the theme and trying to get your pages looking the way you want. Hopefully, this helps streamline your design process!
