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

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, privacy policy and cookie policy

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