Make CMS Full width

[chathuramk]

hi,

I want to make about us page full width on my Magento 2 store.

How can I achieve this? please help

[Vimal Kumar · Accepted solution]

Hi @chathuramk ,

Add following line in  Layout Update XML of CMS page for which you want.

<referenceContainer name="main.content" htmlTag="main" htmlClass="page-main-full-width" />

Please find attachment for the reference.

I hope it will help you!

[Rahul1273]

Hi @chathuramk ,

You can use the page builder for this.
https://devdocs.magento.com/page-builder/docs/how-to/how-to-use-full-width-layouts.html

If you want change the layout to full width of any particular page then please put the below code in Layout update XML.

<referenceContainer name="main.content" htmlTag="main" htmlClass="page-main-full-width" />

If you find my answer is useful, please Accept as Solution and give Kudos.

Thanks,
Rahul

[paul_lewis]

Hi @Vimal Kumar

Apparently this approach is not possible any more from version 2.3.4.

The Design section only has a 'Custom Layout Update' select list now.

Would you know of any other ways to achieve this easily?

Thanks.

[Aveeva]

@Vimal Kumar How should i give full-width condition for specific cms block not cms page.

[chathuramk]

@Rahul1273 @Vimal Kumar 

How can we enable full-width in Magernto 2.3.4?

[umairhussa73e6]

This was an ideal CMS thread. I came down to read some good blogs related to crafting CMS and just found one craft cms plugin.