Misaligning and responsive widths
Hello,
Look at this video: https://photos.app.goo.gl/CMsJ2cy3jhpK1zx76
The mobile header does not stay centered in real-life scenarios. It stays slightly to the right. I pressed all the buttons I could think of. I also reproduced this on my phone (Huawei P30): https://photos.app.goo.gl/dNW9YPWh8bdRqmEs6 . It seems like the BeTheme viewport for mobile design is too wide and does not serve this purpose.
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
Alright, I'll send you a support mail.
I think I figured it out. Sometimes I think the builder needs a refresh/restart or something for certain situations. My main solution though was making the elements smaller. I think I just don't understand when elements have fixed or adaptive sizes and what are the triggers.
The mobile viewport should be less wide for sure!!!!
So everything is fine now? Can I help with anything else?
Regarding the mobile viewport, we have on our to-do list making BeBuilder previews adjustable.
Best regards
Everything is fine now.
I'm glad it is on your to-do list, but if it's hard to implement, maybe a more urgent measure would be to just adjust/set the width of the mobile viewport to resemble a real model, such as an basic iPhone. In any case, around 375-425px width. I don't think the current implementation reflects any real-life scenario. My workaround now is to generate a preview and set a mobile viewport via Chrome developer tools. So yeah, I think this could be the first thing to do.
I believe it is not so hard to implement, but we have other and more urgent stuff to finish first.
Anyway, it will be added sooner or later.
Best regards