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