enter image description here Explanation

I have a 3 by 2 grid with equal wide columns on my starting page which I created with Page Builder. In each of the cells there is a picture and a button. In different browser sizes the images always use the full width of the column. The buttons however differ from that behaviour. There are certain browser sizes when the button is narrower than the picture which is a pain for the eye.

  • The system is Magent Commerce, ver. 2.4.2-p2
  • I've reproduced this with both Google Chrome and Firefox

My question:

How can I configure the buttons to always use the full width of the column?

1 Answer 1


I found the solution: We need to add "min-width: 100%" to the button-item in CSS. Now our solution partner needs to add the min-width to the style sheets. Unfortunately I can not do this in page builder.

enter image description here

Update 20211013:
In the mean time I found a more elegant way to solve the problem in page builder: To get the desired layout and element behavior I need only align appearance attribute of Button element with the value "Stacked" screenshot of button settings

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.