Front-end Editor Doesn't Match What is Displayed In Browser/device - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Front-end Editor Doesn't Match What is Displayed In Browser/device

CC

Christopher Collins

SP Page Builder 3 years ago

Another issue that I have come across is that when editing in the front-end, it does not accurately reflect what is displayed in the browser or device. The element positionings are way off and I'm having to go back and forth and tweak items multiple times, until they are fixed on the browser but messed up looking in the front-end. Is there something I'm missing here?

Desktop - front end editor https://paste.pics/HHIUD

Desktop - browser https://paste.pics/HHIUJ

Tablet - front end editor https://paste.pics/HHITH

Tablet - browser https://paste.pics/HHIU3

Mobile - front end editor https://paste.pics/HHIXP

Mobile - browser https://paste.pics/HHIXA

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #74560

Hello Christopher Collins

Apology for the inconvenience. Please share your administrator access and the specific page link here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Best regards

0
CC
Christopher Collins
Accepted Answer
3 years ago #74572

I put the info as requested.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #74600

I have found the view same as frontend editor. You might be checking responsiveness using a third-party site. Please check on the inspect browser option or in the real devices.

0
CC
Christopher Collins
Accepted Answer
3 years ago #74613

I cleared my caches and these are desktop screenshots from my computer (the front-end editor in Edge) https://paste.pics/HI27O

and this is the site in Google Chrome. https://paste.pics/HI28B

this is the site on Edge (not in the front-end editor) https://paste.pics/HI2DL

Mobile view front-end editor https://paste.pics/HI2AL

Site on iPhone https://paste.pics/HI2BI

Clearly on my end these views are different from what the front-end editor is portraying. I am currently not able to use the front-end editor because it does not match what is being shown in the browser window. This is costing me hours of dev time going back and forth with the backend editor and clearing caches on the other browsers.

I installed the update for Helix today hoping that might help. Should I reinstall SPPB pro? I am on a deadline and really need to get this sorted.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #74988

I am not sure about your issue. When I check, I get the same view on the frontend and preview. The issue is only on your end. I think Google Chrome has the right view. Please check frontend editor on Google Chrome.

0