A WordPress page is not showing full-width content when it is supposed to be

  • Unknown's avatar
    kaminasethna · Member ·

    Long story short, on my website, I have a page that is supposed to be displaying the content as full width, but its not displaying it full width. This is weird, since I have other pages that display things full width just fine. My home page is a prime example of this. It has banners on it that extend across the screen as intended.

    I made sure I was using a full width template for the page, didn’t fix the problem. I set the patters I wanted to full-width to the appropriate settings, did not work. I checked my plugins, no luck there either. I installed some plugins that would supposedly force the page to go full width, that didn’t work. Funnily enough, I did test out a blank template, and it sort of fixed the problem – It filled one side of the page, but there was still an empty side on the left of the screen. Also, that since it was a blank template, it left out the header and footer of my website, which I need on this page, so that option was ultimately a no-go. Not even making the page on Elementor solved the problem.

    Since my Home page was working fine and displaying things full-width, I just duplicated it and replaced the content on the Copy Home page with the stuff I wanted. But it still did not make it full width. I then duplicated the Home page again, without changing it, and unlike the original Home, this page did not have full width either.

    For context, I am using the Business plan for WordPress, and I am using the Astra theme. I use Gutenberg to build the pages, and I can switch between frontend visual editing and backend editing easily. All my plugins are up to date, and I’ve cleared my cache multiple times. Strangely, on the frontend editor page, the patterns and blocks are full width like they are supposed to be, but when I preview the page, or view the page as it is shown to the visitors, the content is not full width.

    I don’t know what else I could do. How do I fix this?

    The theme is called “Astra”

    The URL for the Home Page is:

    https://kaminasethna.com/

    The URL for the Page I’m having trouble with:

    https://kaminasethna.com/as-the-earth-lay-dreaming/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    himanshumehrawp · Member ·

    Astra may be wrapping your content in a boxed container

    1. Open the page in the editor → in the right sidebar, scroll to Astra Settings → set Content Layout to Full Width / Stretched and disable the sidebar.
    2. Go to Appearance → Customize → Global → Container → make sure Pages are set to Full Width / Stretched there too.
    3. If it’s still boxed in, check Customizer → Additional CSS and add: .ast-container { max-width: 100% !important; padding: 0 !important; }
    4. Clear your cache and check again.

    Duplicating a page won’t carry over Astra’s per-page layout settings, so set them manually for each page.

    Please make sure you have proper backup so that you don’t lose anything.

  • sreehgs · Staff ·

    Hey there,

    I see that the page at https://kaminasethna.com/as-the-earth-lay-dreaming/ now shows the banners and content in full width, so it looks like the earlier suggestion may have helped.

    If not, I recommend reaching out to Astra’s support here: https://wpastra.com/contact/ as they may be best positioned to help here since it is a third-party theme.

  • The topic ‘A WordPress page is not showing full-width content when it is supposed to be’ is closed to new replies.