Page Builder Device Preview - Backend Editor Vs Front End Editor - Question | JoomShaper

Page Builder Device Preview - Backend Editor Vs Front End Editor

SG

Steven Gourlay

SP Page Builder 10 months ago

Ok so i work in the backend editor and ive set this webpage to work fine based on my mobile phone 14 Pro and macbook pro, there are some differences in the preview for these but understand this.

I then finish building all the pages and go in to adjust the spacing and as the back end editor only has PC / Tablet / Mobile the front end editor has more settings for ie landscape / portrait.

I started adjust for tablet display and when i check my page it has changed the spacing for mobile phone..... now i have to either restore a backup or go back through and change mobile.

Can you please advise why this woudl be and what is the best method using your software for adjust responsiveness?

Also why does the backend preview look different to the front end preview, as the frontend priview the mobile is extremely narrow....

0
12 Answers
SG
Steven Gourlay
Accepted Answer
10 months ago #178180

So i have now restored a backup and duplicated the page, if i edit the tablet portrait setting it is changing how it works on an iPhone 14 Pro....

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178260

Hey anyone help with this as i need to tweak the responsive layouts for devices to get these website live.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178351

Hi

Thanks for contacting us and sorry for your issue. Could you please give me a screenshot of your issue?

-Regards.

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178373

hi seems to be the delay style respone to a support request.

i have explained above the issues, please check on your devices, i well send screenshots later.

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178389

This is front end editor the phone display is super narrow?

https://snipboard.io/a5bpfC.jpg

This is using the preview for the templete in settings and this is more accurate to how a mobile display looks like, for me anyway.

https://snipboard.io/PlIOoq.jpg

This is my phone iPhone 14 Pro Display

https://snipboard.io/0Q7RH6.jpg

Now please check on yours that changing tablet display settings will change phone....

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178413

Hi

It seems ok on real phone device.

https://prnt.sc/sQG8mWr38Jxc

By the way, I cant access your site.

https://prnt.sc/8zXATHwgU7Rp

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178419

have you followed the correct link as its in a subfolder.

It looks ok on my phone but as i have said above if i change the padding etc for tablets it changes on the phone........

Also would be very helpful if the preview was close to the phone display on the frontend editor but it is not so the preview is pretty useless?

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178447

Hey have you logged in?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178465

I have checked it, it seems normal on my end. You can easily edit it. Its not bug/issue.

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178469

ok so the phone display does not look like that in reality, the menu is dripped down etc?

Did you adjust the tablet layout and find it actually changes what the real actual phone display looks like ie what i have   said numeries times above?

Please take yout time to check as i feel like this is becoming such a waste.

Please select tablet then adjust the   spacing and look on s real phone, im not making this up.

0
SG
Steven Gourlay
Accepted Answer
10 months ago #178513

5 days on this, please can someone advise me what is wrong?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #178541

Could you please keep a full site backup and reinstall the page builder? Please install the latest version of page builder.

0