Hi

Thanks for contacting us. Could you please give me a screencast of your issue?

-Regards.

Hi, Hi, https://drive.google.com/file/d/1NcoycKqY1eFqueaZYfV7o0hA1uza5tDe/view?usp=sharing

thanks

Could you please give me your site URL?

ok i send in hidden content

It seems ok on my end. On desktop its also working on there.

Yes the problem is in editor, don't change the view with from desktop to laptop, is the same. You can see in the video.

I think its normal.

sorry, i don't understand. If i have 2 views Desktop and Laptop if and i click one, i must see differences in the width like Tablet and Phone. But is not so. Bootstrap 5 has this brackpoints: https://getbootstrap.com/docs/5.0/layout/breakpoints/

When i click "Tablet Landscape" i see 992px large wiew, when i click "Phone landscape" i see 576px view,.... So... if laptop is 1200px and Desktop 1400 (i think) why i see the full screen in both?

When i click Laptop i have to see maximum 1399px view and when i click Desktop i have to see full screen, right? Now are both full screen.

thanks.

i found maybe the error. In file editor.css (components/com_sppagebuilder/assets/css/editor.css) the css is:

#sp-pagebuilder-view.builder-iframe-desktop {
    min-width: 100% !important
}

#sp-pagebuilder-view.builder-iframe-laptop {
    min-width: 100% !important
}

So are equals.

but if i change in:

#sp-pagebuilder-view.builder-iframe-desktop {
    min-width: 1400px !important;
    width: 100% !important;
}

#sp-pagebuilder-view.builder-iframe-laptop {
    width: 1399px !important;
}

i respect the brackpoints in editor view. Can you check with developers team?

thanks

Thanks for sharing I have informed our DEV team and they said " We know this, this is a complicated issue. We did this intentionally to achieve the semulated large screen view into our editor small view port. We are still researching on this issue how to reslove this confution."