-
Hi,
Do you have a recommended method to align the page title with the page content on full width pages?
For certain pages I’ve set up page width elements that are full width so I can have sections with full width background colours. In the page content I wrap each section in 2 containers so I can set a background colour on the outer container and max-width=”global max-width” on the inner container with auto margins to center it.
The problem is that the margins for the page title are full width and do not match the global max-width margins for the content.
So I have 2 questions:
1. Is there a cleaner way to set up margins for pages and page content that allows for full width background colours?
2. What’s the cleanest way to set the margins for page titles on pages with full width background colours?
I’d prefer not to use CSS.Thanks,
Phil -
Hi Phil,
Are you referring to the default page title that’s automatically generated, not the one manually added inside the content area?
If that’s the case, there are multiple approaches:
– Disable the default page title using a Layout Element or from the Layout Metabox, then create a new Page Hero Element with an inner section that matches the max width and add the title dynamic tag inside.
– Similarly, disable the default title and add the title inside the inner content section of the page.
Typically, the first option is the recommended approach.
- You must be logged in to reply to this topic.