I am trying to set width of page-bottom to be 100% but unfortunately I am still unable to make it 100%.

enter image description here

what I really want to have is:

enter image description here

Here is my default.xml

<referenceContainer name="page.bottom.container">
    <block class="Senheng\Def\Block\Html\Subscribe"

My subscribe.phtml

<div style="width:100%; padding:15px;">

    <img src="<?php echo $block->getViewFileUrl('images/send.png');?>" style="float:left" />

    <p>Be the first to find about exclusive offers & get 10% off your first purchase</p>


enter image description here

What can I do to make that element width (page-bottom) become 100%.

Any help would be appreciated.

  • you can do it with custom css
    – fmsthird
    Commented May 16, 2019 at 2:56
  • I did, but still the same, look at my inline css Commented May 16, 2019 at 3:10
  • you can try overriding the parent div class width, like .page-bottom{ width: 100% !important; }
    – fmsthird
    Commented May 16, 2019 at 3:12
  • hi @magefms , it better now after I given !important but still not 100% Commented May 16, 2019 at 5:58
  • @magefms I just updated the image in the question Commented May 16, 2019 at 6:00

1 Answer 1


In your code, for .page-bottom , max-width:1280px; is set. If you set max-width:100%, your footer will occupy entire width

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.