I created a new theme inheriting from Luma based on some totorias, the only change I made was to put it in _theme.less

// Widths
@layout__width: '';
@ layout__max-width: 100%;
@ layout-indent__width: 10px;
@ layout__width-xs-indent: 10px;

Actually the screen was 100%, but the header, menu and footer lost the original format and font of Luma. Shouldn't I inherit from the luma theme? Did I miss something?

enter image description here

1 Answer 1


Try this Solution.

Best way to increase width of the entire theme is by overriding value of @layout__max-width variable. Look into lib/web/css/source/lib/variables/_layout.less file which controls

//  Widths
@layout__width: ''; // for the fixed width layout
@layout__max-width: 1280px;
@layout-indent__width: 20px;
@layout__width-xs-indent: 15px;

you can override value e.g. @layout__max-width: 1400px; in theme override file e.g.


And you want to check more information check this link :-

Magento 2 - Change the entire width of theme


  • It was exactly what I did, but the rest was unconfigured, as you can see in the image on the home page Commented Aug 4, 2020 at 18:19
  • you change after run all commands Commented Aug 5, 2020 at 4:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.