Divergence between mobile builder and front-end

Jotte Mallisse

• June 21, 2023 09:46

There's a huge mismatch between builder and front-end on mobile interface.

Screenshots attached is what I see in builder vs what I see in front-end on iPhone 13. 

How to account for this? Why is the mobile builder so wide? Not a single (common) smartphone has such dimensions? 

Most of our websites are mobile-first. By hiding elements on desktop and tablet view (although not great voor SEO) - we can already build nice mobile designs. But not mobile first (we have to build it on desktop version, to then hide it and use it only in mobile interface). 

 

0

• 

  Jotte Mallisse

  • June 21, 2023 09:46

  

  0
• 

  Jotte Mallisse

  • June 21, 2023 09:47

  0
• 

  Jotte Mallisse

  • June 21, 2023 09:50

  Also, what's up with the logo on front-end? 

  0
• 

  KC George

  • June 21, 2023 10:57

  Hi Jotte,

  The logo appear fine at my end. Please see this screenshot. https://jmp.sh/xdfpr1b5

  For some reason, the mobile design view looks wider than normal in the above project; hence the disparity between the editor and frontend. Looks like the block with the heading 'Diensten' causes the mobile design view to widen. Try removing the above block temporarily and check if the mobile design view shrinks to its original width.

  0
• 

  Jotte Mallisse

  • June 21, 2023 16:45
  • Edited

  Hi George,

  Deleted the block, I think it's a bit more narrow now.
  But now what? Thx

  

  0
• 

  KC George

  • June 22, 2023 07:22

  Hi Jotte,

  I spent some time trying to troubleshoot the issue on your project. Something in the block design appeared to be causing the mobile design view to broaden. I couldn't get to the root of the problem, thus I don't have a solution.

  Because this is not a common issue with Brizy Cloud, I guess you will have to bear with the disparity between the design and the preview one your specific page. 

  0
• 

  Jotte Mallisse

  • June 26, 2023 18:54

  Well, that's taking me double the hours to develop the website. This is not the White Label servcie I'd expect.

  0
• 

  KC George

  • June 27, 2023 09:58

  Hi Jotte,

  Is this issue happening on other pages of your project or only on a single page?

  0
• 

  Jotte Mallisse

  • June 28, 2023 10:18

  On all pages, as soon as I add the header block or any other block I've saved from my home page. 

  0
• 

  KC George

  • July 03, 2023 13:48

  Hi Jotte,

  We have reported this issue and our developers are working on a fix. When we have an update we will let you know.   

  0

Please sign in to leave a comment.