Good Morning We are trying to design my home page fully using page builder, but the page builder is not working in responsive we had tried the page builder options to adopt in responsive but we can achieve what we need.

  1. First the slider the slider is showing better in desktop when we go to responsive the slider and image is not getting small it shows very big only.
  2. I need to show the 8 icons in one row at desktop version but when it comes to mobile need to show the 8 icons in two row set of 4 but when it comes to mobile version it show one buy one.

Im having the same issue. Please let me know if you got a solution. My plan is to build the entire homepage with page builder, son anyone from my team can use it without aplying html /css... But i guess there no other way around this


I am not yet familiar with the Pagebuilder, but I have programmed it as follows:

I have made two new fields for the Row element:

  • data-grid-size-desktop
  • data-grid-size-mobile

There you can now specify the numbers 1-12 and then I have converted that using css flexbox e.g.

@media (min-width: 768px) {
[data-grid-size-desktop='3'] .pagebuilder-column {
    flex-basis: 33.33333333333333%;
[data-grid-size-mobile='2'] .pagebuilder-column {
    flex-basis: 50%;

Without own programming you will not get far here

Also I have so the images ratio so programmed and me the function of Bootstrap 5 so taken over:


[data-ratio='16x9'] {
    --bs-aspect-ratio: calc(56.25%);

Referenz: https://devdocs.magento.com/page-builder/docs/content-types/extend/extend-appearances.html

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.