Breackpoints SPPB 4 - Forum | JoomShaper
Staff replied SP Page Builder

Breackpoints SPPB 4

Asked by Pirosoft 4 years ago Last activity 4 years ago

Hi, if I understand correctly in SPPB4 we have breakpoints like boostrap 5.
But if in editor i click the first 2 icons in top (desktop and laptop) nothing change and i have monitor with 2k resolution.

Why?

thanks

10 replies

Mehtaz Afsana Borsha Staff

Hi

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

-Regards.

Mehtaz Afsana Borsha Staff

Could you please give me your site URL?

Pirosoft Asked this

ok i send in hidden content

Mehtaz Afsana Borsha Staff

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

Pirosoft Asked this

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.

Mehtaz Afsana Borsha Staff

I think its normal.

Pirosoft Asked this

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.

Pirosoft Asked this

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

Mehtaz Afsana Borsha Staff
4 years ago · edited

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."

Log in to reply.